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)文章
本文給大家分享的是javascript通過setTimeout實現(xiàn)延時顯示提示框的特效代碼，效果非常棒，這里推薦給大家2016-04-04
這篇文章主要介紹了防止video視頻被下載的處理方法匯總,本文給大家介紹了多種方法幫助大家解決防止video視頻被下載的問題,補充介紹了解決video標(biāo)簽視頻禁止下載方法,感興趣的朋友一起看看吧2024-02-02
當(dāng)圖片不存在時載入默認(rèn)圖片的代碼2009-12-12
下面小編就為大家?guī)硪黄コ址笥覂蛇叺目崭?實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-05-05
本文主要分享了原生js實現(xiàn)中獎信息無間隙滾動效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
本文主要介紹了10道典型的JavaScript面試題。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
大部分小程序都會有這樣的需求，頁面有長列表，需要下拉到底時請求后臺數(shù)據(jù)，一直渲染數(shù)據(jù)，當(dāng)數(shù)據(jù)列表長時，會發(fā)現(xiàn)明顯的卡頓，頁面白屏閃頓現(xiàn)象，那么如何實現(xiàn)小程序虛擬列表，感興趣的可以了解一下2021-07-07
本文主要介紹了js事件冒泡與事件捕獲的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
ECMAScript?數(shù)據(jù)類型之Number類型
這篇文章主要介紹了?ECMAScript?數(shù)據(jù)類型之Number類型，Number類型使用IEEE?754格式表示整數(shù)和浮點值，更多相關(guān)內(nèi)容請需要的小伙伴參考下面文章內(nèi)容2022-06-06
這篇文章主要介紹了js數(shù)組中如何隨機取出一個值,需要的朋友可以參考下2014-06-06