IE6/7下padding-bottom导致父元素“溢出”的bug
又是一个工作中碰到的在IE6/7下的问题，非常让人“不解”。主要症状为：当class为out的div有设置下边框，class为in的div里面的最后一个p有设置padding-bottom时，class为in的div在IE6/7下看起来超出边界，像“溢出”，此bug截图如下：
正常情况下的截图为：
主要结构如下：
<div class="out">
<div class="in">
<p>之路--前端开发爱好者--IE6/7下padding-bottom导致父元素“溢出”的bug</p>
<p>之路--前端开发爱好者--IE6/7下padding-bottom导致父元素“溢出”的bug</p>
<p class="padd-last">之路--前端开发爱好者--IE6/7下padding-bottom导致父元素“溢出”的bug</p>
</div>
</div>
主要样式如下：
*{margin:0; padding:0;}
body{font-family:"宋体"; font-size:12px;}
.out{
border-bottom:60px solid #ff0000;
background-color:#000000;
}
.in{color:#fff; background-color:#003300;}
.in p{line-height:30px;}
.padd-last{padding-bottom:1px;}
分析其原因可能是由layout引起的，故可在类out或类in或p加zoom:1;解决，经测试给类in加padding-bottom也可解决问题。
最近评论