Firefox div高度自適應

2019-11-21 01:23:34

字體：大中小

來源：轉載

供稿：網友

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> 

上一篇：xml和web特殊字符

下一篇：jquery 獲取json數據實現代碼