Firefox div高度自適應

1.如果div想要一個最小高度，那麼應該用css的minheight這個屬性，但是IE不支援，考慮到大多數使用者都使用IE，所以一般情況下這個屬性基本上棄置不用。在IE裡面，height基本上就可以當作minheight來用，因為如果內容超出height，IE會自適應其高度。但是一旦設定了 height以後，FIrefox就不會自適應div的高度了。所以只能兩個屬性都不用，乾乾淨淨地寫<div>Jimbor Studio</div>。

2.即使不設定固定高度，Firefox對高度的自適應也不那麼盡人意。如果需要在一個層內嵌套一個需要float來規定的層，那它就又失靈了。其實有個最簡單的方法，就是在div內的最下面加一個clear:both的div。例如：

複製代碼 代碼如下:<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>

3.還有看到一個js解決的，也可以。 複製代碼 代碼如下:<script type="text/javascript">
<!--
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px"
-->
</script>