ff高度自适应解决办法

题1:存在浮动元素的Div块高度无法自适应。

网页代码：

<div id="container">
<div id="left">内容 </div>
<div id="right">内容 </div>
</div>

CSS语句:(省略不相关的语句)

#container {
height:100%;
}

#left {
float:left;
}

#right {
float:right;
}

这些代码在IE浏览器下会显示得非常完美，无论三个块的内容多与少，都不会发生内容溢出Container块的现象，（所谓溢出，是指内容越出了块的边界，如果Left和Container的背景不同，这个问题很容易发觉）。

而在FireFox浏览器下，就有问题了，在Left或Right块的高度高于Container内容时，铁定会有溢出的现象。

这个原因在于，Height:100%属性会被IE认为是高度自适应，而FireFox会将其解释屏幕的高度。

最简单最好用的解决方法：

Height:100%不要去掉，另外加一个Div块 Forff：

CSS语句:

#forff {
clear:both; /*用于FireFox高度自适应*/
}

修改后的网页代码：

<div id="container">

<div id="left">内容 </div>
<div id="right">内容 </div>
<div id="forff"> </div>

</div>

这样，无论是Ie还是FireFox，都会高度自适应。

备注：我尝试过很多办法，有的用背景同色（这个办法无疑于掩耳盗铃），有的用父元素Height:100%等等都是失败的。
试过了，很管用。