margin:20px; 只有margin-bottom失效了。 解决办法:只要在浮动的最后一个元素后面加上“ box{width:600px; background:#E6FECB; border:3px solid #933; overflow:hidden;} .float_div{float:left; margin:20px; width:100px; height:100px; display:inline; background-color:#CCC;} .clear{clear:both;}...
1. 出现条件 元素被浮动, 且其后没有其他元素,元素的margin-bottom不为0或auto. 2. 症状 为元素指定的margin-bottom无效, 就像margin-bottom为0一样. 3. 受影响的浏览器 IE6, IE7 4. 原因 暂不知道 5. 解决方法 a. 取消元素的margin-bottom, 改为指定父元素的padding-bottom(推荐); b. 在元素之后添...
1. 出现条件 元素被浮动, 且其后没有其他元素,元素的margin-bottom不为0或auto. 2. 症状 为元素指定的margin-bottom无效, 就像margin-bottom为0一样. 3. 受影响的浏览器 IE6, IE7 4. 原因 暂不知道 5. 解决方法 a. 取消元素的margin-bottom, 改为指定父元素的padding-bottom(推荐); b. 在元素之后添...
原因: 在两个嵌套的div,如果外层div的父容器padding值为0, 那么内层div的margin-top或者margin-bottom的值会”转移”给外层div,也就是父容器的父容器。 解决办法: 1:设置父容器的的样式加上:overflow:hidden。 2:把对父容器的margin-top外边距改成padding-top内边距。 3:给父容器div加样式, padding-top: 1px。
这不是定位... margin-bottom是下方的外边距,并不能让元素向下方移动,margin-top作为上边距,把元素“推”了下去。 题主的意思想必是希望图标距离下方30px,那么可以试试在ul上设置position: absolute,bottom: 30px,另外父元素position:relative有用3 回复 查看全部 2 个回答 ...
margin:20px; 只有margin-bottom失效了。解决办法：只要在浮动的最后一个元素后面加上“.float_div{float:left; margin:20px; width:100px; height:100px; display:inline; background-color:#CCC;} .clear{clear:both;} 还有个简单点的解决方法：IE6/7下margin-bottom无效一般出现在容器里某元素...
在web网站开发中,有时候我们给html元素设置的margin-top或margin-bottom属性,但是无效,并没有取到任何作用,这是什么原因呢?常出现两种情况: 1、兄弟元素之间margin-top失效 先看下面代码: float: left clear:both; margin-top:20px; 1. 2. 两个层box1和box2,box1具有浮动属性,box2没有,这时候设置...
1、兄弟元素之间margin-top失效 先看下面代码: float: leftclear:both; margin-top:20px; 两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距margin-top没有效果。 网上能找到的两种比较靠谱的解释: 1):“在css2.1中,水平的margin不会被...
css中margin-top/margin-bottom失效,要设置这两个值,我的理解应该在这个div的父容器中设置了固定宽高,或者设置了绝对定位,比如position:absolute(绝对定位)或者压根不用,直接用padding-top/padding-bottom替代参考:http://www.111cn.net/cssdiv/163/87752.
3 处理方案三：根元素的垂直margin不会被折叠。 浮动的块级元素的margin-bottom总是与它后面的浮动块级兄弟元素（floated next in-flow block-level sibling）的margin-top相邻，除非那个同级元素使用了清除操作。 浮动的块级元素的margin-top和它的第一个浮动块级子元素（floated first in-flow block-level ...