FF下高度自适应方法:
如果容器中有左浮和右浮对象,容器的背景不会随之延续,也就是容器的高度不能自适应。这种情况在IE中倒不会发生,
方法一:最常用的办法是在左右浮对象的下面再加一个div,该div的属性设置如下
.clear{clear:both;font-size:0px;height:1px}
方法二:不是在左右浮对象的下面再加一个div,而是在它们的外围再加一个div,并且将这个div左浮,背景色就写在这个层里,因为左浮的元素会自动获取高。当然这种方法是治标不治本的,最外层的那个div高度还是没有下去的,所以有点鱼目混珠的嫌疑。
方法三:上面方法毕竟都加了一个层,让结构变得复杂了。有种方法很简单,就是给外层的div一个display:table的属性就ok了!不过吧,这个属性是css2里的,所以不免会出现一些问题,再使用中要注意了!
方法四:这里要使用一个伪类,:after,这个伪类IE是不认的。所以正好应用于FF!写法是:#wrap:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
这些方法都可以试一试!