css+margin塌陷
答：当两个行内元素紧邻时,它们之间的距离为第一个盒子的margin-right加上第二个盒子的margin-left。然而如果不是行内元素,而是垂直的块级元素,就会出现外边距合并的情况,较小的margin塌陷到较大的margin中,要解决这个问题可以参考我另一篇博文BFC? margin也可以设为负值,会使盒子向相反的反向移动,甚至覆盖在另外的...
答：是由块级格式上下文决定的，BFC，元素在 BFC 中会进行上下排列，然后垂直距离由 margin 决定，并且会发生重叠，具体表现为同正取最大的，同负取绝对值最大的，一正一负，相加 BFC 是页面中一个独立的隔离容器，内部的子元素不会影响到外部的元素。不清楚浮动会发生高度塌陷：浮动元素父元素高度自适应...
答：overflow:hidden;溢出隐藏 浏览器对于过小的高度的解析不太一样，所以加一句溢出隐藏就对了
答：（1）行内元素之间的水平margin 当两个行内元素紧邻时，他们之间的距离为 第一个元素的 margin-right 加上第2个元素的margin-left。（2）块级元素之间的竖直margin 两个竖直块级元素之间的距离不是margin-bottom与margin-top的总和，而是两者中的较大者。这个现象称为 margin 的“塌陷”现象。（3）...
答：是inline-block引起的，可以换成用position设置位置或者用float设置位置
答：主要原因是li{ float:left; }造成的，因为父元素内的所有子元素都向一个方向float的时候就会造成父元素出现“塌陷”的现象，所以我们应该清楚浮动。你可以在ul上面加上overflow:hidden,或者用：after伪类（这个使用的最多的），具体你可以百度一下“css清除浮动”...
答：“overflow:hidden”是一种CSS样式属性，用于控制元素的溢出内容的显示方式。它的作用是隐藏元素中超出容器边界的内容，使其在页面上不可见。下面将详细介绍“overflow:hidden”的含义和用法。“overflow:hidden”的含义“overflow:hidden”是CSS中的一个属性，用于指定元素在内容溢出时的处理方式。具体来说，...
答：margin:3px 5px;vertical-align:top;text-align:left;} 效果 菜单居中和自适应需要根据页面的宽度计算 css:columnContent .item_ul>li { display:inline-block;width:203px;margin:3px 5px;vertical-align:top;text-align:left;display:inline;zoom:1;} 菜单用ul-li标签水平排列流状显示，float:...
答：1、clear清除浮动（添加空div法）在浮动元素下方添加空div,并给该元素写css样式： {clear:both;height:0;overflow:hidden;}12 2、方法：给浮动元素父级设置高度 我们知道了高度塌陷是应为给浮动元素的父级高度是自适应导致的，那么我们给它的设置适当的高度就可以解决这个问题了。缺点：在浮动元素...
答：4.清除浮动,解决高度塌陷 a.伪类(抄袭bootstrap的做法) .clearfix{} .clearfix:after{ display:table; content:' '; clear:both; } b.王妮的做法 .box{ clear:both; overflow:hidden; } c.对于子元素写margin-top把父级拖下来的情况 (百度说是W3C的标准,只要破坏了父级子级紧贴的结构就可以了) 给父级...
网友评论：
苏青19743736650：
请问现在有什么办法可以解决CSS中,竖直margoin 的塌陷/合并问题?
17186钦雪
：对 这样的话确实会造成塌陷! 浏览器会以最大的那个MARGIN做为参数 方法: 如果你希望他们距离是80,你可以单独设置一个80 还有就是如果两个ID的层都设置为浮动的话,那么将不会发生塌陷,就是说#X1 与#X2都浮动 float;他们将按照两个MARGIN的和为距离
苏青19743736650：
对于margin的塌陷/合并问题 , 请问大家有什么比较好的解决办法? -
17186钦雪
： 默认情况下 两个DIV之间 上DIV的下边距 和下DIV的上边距会重叠 结果会以最大边距为实际边距 解决办法:可以把上DIV设置成80的下边距 或者下DIV的上边距设置成80边距也可以设置这两个DIV浮动 因为浮动会不受塌陷影响 当这两个DIV浮动的时候 他们上下边距就是50+30了
苏青19743736650：
怎么使用CSS实现边界凹陷状态 -
17186钦雪
： 不需要CSS可以设置,当然用CSS也可以.wei.asp这个文件的图片就是不靠左有两方面的原因:1、你inex.asp页面的页边距没设置成靠左.如果你没有对页面的顶距和左边距进行设置的话,浏览器默认是有空隙的.所以把页面的左边距设成0...
苏青19743736650：
垂直排列的两个div,底下的会缩到上面div里面一点是怎么回事?没分了,求高手指教啊....... -
17186钦雪
： margin collapse:上下毗邻元素的外边距塌陷bug,你的上div设置了margin-bottom,下div设置了margin-top时,他们的间隙是margin-bottom和margin-top两个值中较大的那个,而不是两者相加.在毗邻的父子元素之间也会发生.解决的办法是隔绝开他们,设置border、padding都行.
苏青19743736650：
下面这段html代码在Firefox显示是不正确的,在IE下是对的 -
17186钦雪
： 这也是为什么要谨慎使用margin布局的原因了恰恰相反? 因为,那 上下元素的外边距发生塌陷效果.firefox在top部空出了15PX就说明发生塌陷了.margin的一个规则是,左右边距叠加,firefox显示的是标准化的,就是说2者都有边距的情况下.为什么,2者实际显示的以大的margin 为准
苏青19743736650：
css 这种凹陷下去的效果怎么做 -
17186钦雪
： <div><p>Test</p> </div><style> div {width: 200px;height: 200px;background: #272727;border: 1px #272727 solid; }p {width: 158px;line-height: 158px;color: #fff;text-align: center;margin: 20px auto;border-radius: 4px;box-shadow: inset...
苏青19743736650：
CSS里的margin值不起作用 -
17186钦雪
： 是不是你把这个属性加在了 内联元素(也称为行内元素)上面,比如span 、a 等元素.如果是这样你首先需要将内联元素转换成“块级元素”
苏青19743736650：
css div的大小可不可以固定 -
17186钦雪
： 用css可以固定div的大小,div相当于一个盒子,当边框内的宽和高分别由width,height指定时,另加的padding内边距默认模式下会撑大盒子,所以有一个切换模式的样式语句:box-sizing,取值为border-box时,div大小以边框为准,padding不会撑大div.
苏青19743736650：
css -- margin用法 -
17186钦雪
： 原来之前代码写错了.1、可上面的div与body之间的间距不止10px,起码也有30px----教程上也是说的30px div的margin-top是10px p的margin-top是20px span的margin-top是30px 实际上这个10px20px30px重叠了,最后取最大的就是30px.2、下...
