外层DIV在Firefox里不会自动伸展高度的解决方法

IE中div的高度会根据内容来自伸展适应高度。但是FIrefox不会。

解决方法1:
<div>
    <div style=”float:left;”>111111111</div>
    <div style=”float:right;”>22222222</div>
    <div style=”clear:both;”></div>
</div>
方法1应该是最佳的了

解决方法2:
<div style=”overflow:auto;” >
    <div style=”float:left;”>1111111111</div>
    <div style=”float:right;”>2222222222</div>
</div>
方法2在IE下有可能现滚动条，是DIV的滚动条，不是浏览器滚动条

解决方法3:
<!–[if !IE]><!–>
<link href=”css/firefox.css” type=”text/css” rel=”stylesheet” />
<!–<![endif]–>

解决方法4:
<div style=”display:table” >
    <div style=”float:left;”>1111111111</div>
    <div style=”float:right;”>2222222222</div>
</div>
注意：方法4在FF里有时出现右列下沉的情况，不建议使用