Firefox div高度自適應(yīng)
更新時間：2009年04月28日 08:54:22 作者：
IE不管設(shè)置div的高度與否，都會根據(jù)內(nèi)容來自適應(yīng)高度。但是FIrefox就沒有這么聰明了。
1.如果div想要一個最小高度，那么應(yīng)該用css的minheight這個屬性，但是IE不支持，考慮到大多數(shù)用戶都使用IE，所以一般情況下這個屬性基本上棄置不用。在IE里面，height基本上就可以當(dāng)作minheight來用，因為如果內(nèi)容超出height，IE會自適應(yīng)其高度。但是一旦設(shè)置了 height以后，F(xiàn)Irefox就不會自適應(yīng)div的高度了。所以只能兩個屬性都不用，干干凈凈地寫<div>Jimbor Studio</div>。
2.即使不設(shè)置固定高度，F(xiàn)irefox對高度的自適應(yīng)也不那么盡人意。如果需要在一個層內(nèi)嵌套一個需要float來規(guī)定的層，那它就又失靈了。其實有個最簡單的方法，就是在div內(nèi)的最下面加一個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>
2.即使不設(shè)置固定高度，F(xiàn)irefox對高度的自適應(yīng)也不那么盡人意。如果需要在一個層內(nèi)嵌套一個需要float來規(guī)定的層，那它就又失靈了。其實有個最簡單的方法，就是在div內(nèi)的最下面加一個clear:both的div。例如：
復(fù)制代碼 代碼如下:
<div>
<div style="float:left;">Jmedia Design</div>
<div style="float:right;">www.jmedia.cn</div>
<div style="clear:both;"></div>
</div>
3.還有看到一個js解決的，也可以。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
<!--
document.getElementById("box").style.height=document.getElementById("right").scrollHeight+20+"px"
-->
</script>
相關(guān)文章
ESLint是一個流行的JavaScript代碼檢查工具,它可以幫助團(tuán)隊確保代碼質(zhì)量,避免常見的錯誤和格式問題,這篇文章主要給大家介紹了關(guān)于前端技巧之ESLint忽略檢查行和文件的相關(guān)資料,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了JS繪制生成花瓣效果的方法,涉及javascript數(shù)學(xué)運算及頁面元素操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
不推薦使用getYear()這個函數(shù)，因為在火狐中顯示是不正確的，所以推薦使用getFullYear() 函數(shù)，接下來為大家詳細(xì)介紹下getYear函數(shù)在不同瀏覽下的使用問題2013-04-04
本文主要介紹了常用的幾種跨域處理方法、跨域的原理解析及實現(xiàn)方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
本文通過實例向大家講述了js實例屬性和原型屬性，詳情請看注釋，看不懂的話，請放棄javascript吧。2014-11-11
關(guān)于JS通過google翻譯插件實現(xiàn)多語言版本
這篇文章主要介紹了JS通過google翻譯插件實現(xiàn)多語言版本,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
這篇文章主要介紹了Bootstrap表單布局的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
數(shù)據(jù)中夾雜單引號（'）或者雙引號(")，這種語句往往會造成JavaScript報錯。對此一般采用/'或者/"的解決2014-09-09
JavaScript前端控制網(wǎng)絡(luò)并發(fā)數(shù)目的常見方法小結(jié)
控制前端發(fā)起請求的并發(fā)數(shù),即限制同一時間內(nèi)進(jìn)行處理的請求數(shù)量,是一種有效的策略,本文將詳細(xì)介紹前端控制并發(fā)數(shù)的幾種常見做法,希望對大家有所幫助2023-12-12
下面小編就為大家?guī)硪黄狫S添加或修改控件的樣式(Class)實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10