代码:
/p>
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
高度不能自适应[请用标准浏览器查看]class="box">我是父盒子,我的高没有设定,但是我的子盒子高过我时,在标准浏览器中我的高不能自适应。
class="box2">
这个盒子是小盒子,它没有设定高度属性,其高度是随里面的文字的加多而自动升高的,但是当它的高度超过父级盒子时,在标准浏览器中并没有把父级撑高,这种情况与上面讲的子级宽度超过父级元素是一样的,但是这种高度自适度常是我们需要的,如何做到让高度自适应呢,常见的办法是在父级内加入以下样式:清除掉与其同级小盒子的浮动。
效果:
IE: FF:
可见效果不一样!!
现在去掉注释:
style="clear:both">
即加一个空的div,然后clear:both!
效果如下:IE、FF里的效果都为:
完全一样!!!