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