Posted on 2008-01-08 11:32
普若伽门 阅读(69)
评论(0) 编辑 收藏
在firefox
中，当内容的盒子使用了float
之后，并且当内容大于盒子（div
）的高度的时候，盒子并不会随内容的增大而增大，造成内容跑到了盒子 的外面。在内容的末尾加clear
可解决这个问题。同时，为了使这个加了clear
的盒子本身不影响布局，必须使该盒子的大小为0
。这里就又遇到了ie
和 firefox
对大小解释的差异。（经常混淆，所以这里记一笔）
.clear{
display:block;
font-size:12px !important;
font-size:0px;
line-height:0px;
clear:both;
}
不在乎多一个行高的高度的话可以简化：
.clear{
display:block;
clear:both;
}
这个clear的class可以加入很多不同的元素中，如，<div> <p> <br /> 而且这些之中，<br />是个很灵活的用法，有时候你会发现用它能保持最好的外形，可是有时候你又发现它多了一行
■ 拿起勇气，探索你未知的世界。