FF下高度自适应方法

 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;
}

这些方法都可以试一试！