疑问： ie6下 浮动元素会继承父元素的padding-top值？
问题重现条件：子元素(a)浮动，父元素(.demo)设padding-top值并没设高度，有祖父元素(.box)
/*演示样式*/
<style type="text/css">
body{}
.box{width:460px; border:1px red solid;}
.demo{padding-top:100px;}
.demo a{width:100px; height:35px; background:#0f0; float:left;display:inline;margin:0 0 11px 11px;}
</style>
<div class="box">
<div class="demo fix">
<a href="#">sss</a>
<a href="#">ss</a>
<a href="#">ss</a>
<a href="#">ss</a>
<a href="#">ss</a>
<a href="#">ss</a>
<a href="#">rr</a>
<a href="#">ee</a>
</div>
</div>
解析：.demo 没有针对ie6 haslayout 所以ie6下出现了“浮动元素继承父元素的padding-top值”的奇怪现象
解决方法：给.demo添加触发haslayout 的属性，如：.demo{padding-top:100px;_zoom:1;} ,问题得以解决
快速留言：
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}