CSS技巧DIV為空時(shí)占據(jù)空間的解決辦法
更新時(shí)間：2008年03月11日 11:57:08 作者：
如果給div元素設(shè)置了寬度時(shí)，比如width:100%，此時(shí)div在IE中（IE6，IE7）將占據(jù)物理空間，而在FF中不占據(jù)物理空間（正確理解）。為了表述直觀，將樣式直接寫在元素標(biāo)簽內(nèi)：
此時(shí)在IE中到底是什么在影響著最終的顯示，又是如何解析的呢？
可能的影響因素：字體大?。╢ont-size），字體行高（line-height），高度（height），溢出（overflow）
我們對(duì)上面的代碼逐一添加過(guò)濾屬性（具體的過(guò)程有興趣的朋友，可以私下里實(shí)驗(yàn)一下，“自己動(dòng)手，豐衣足食”！）
在測(cè)試的過(guò)程中，你會(huì)發(fā)現(xiàn)IE6和IE7的解析也不盡相同，比如在給div設(shè)置了line-height:0; height:0; 的樣式后，IE7中顯示正常了，不再占據(jù)物理空間了，而IE6卻依然我行我素，亦或是悲！
最終的測(cè)試結(jié)果，最簡(jiǎn)單的方法是，給div設(shè)置高度（height）和溢出（overflow）屬性：
本文來(lái)源于 WEB開發(fā)網(wǎng) 原文鏈接：http://www.cncms.com.cn/css/9642.htm
可能的影響因素：字體大?。╢ont-size），字體行高（line-height），高度（height），溢出（overflow）
我們對(duì)上面的代碼逐一添加過(guò)濾屬性（具體的過(guò)程有興趣的朋友，可以私下里實(shí)驗(yàn)一下，“自己動(dòng)手，豐衣足食”！）
在測(cè)試的過(guò)程中，你會(huì)發(fā)現(xiàn)IE6和IE7的解析也不盡相同，比如在給div設(shè)置了line-height:0; height:0; 的樣式后，IE7中顯示正常了，不再占據(jù)物理空間了，而IE6卻依然我行我素，亦或是悲！
最終的測(cè)試結(jié)果，最簡(jiǎn)單的方法是，給div設(shè)置高度（height）和溢出（overflow）屬性：
本文來(lái)源于 WEB開發(fā)網(wǎng) 原文鏈接：http://www.cncms.com.cn/css/9642.htm
相關(guān)文章
用css實(shí)現(xiàn)的灰度/原色連接效果...2007-04-04
100%點(diǎn)擊區(qū)的滑動(dòng)門代碼...2007-03-03
CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結(jié)
CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結(jié)...2007-09-09
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容
讓iframe自適應(yīng)高度（支持xhtml）IE firefox兼容...2007-04-04
低版本IE正常運(yùn)行HTML5+CSS3網(wǎng)站的3種解決方案
現(xiàn)在我們可以選擇瀏覽器非常多，所以瀏覽器的環(huán)境也是種類繁多，同一個(gè)瀏覽器也是包含各種不同的版本，不同的版本之間的渲染方法也存在差異，它們支持的 HTML5、CSS3 特性恐怕也不盡相同。這種情況于是造成Web開發(fā)者在開發(fā)網(wǎng)站時(shí)，要面對(duì)數(shù)量龐大的瀏覽器種類2014-03-03
web前端開發(fā)中，適當(dāng)?shù)囊?guī)范和標(biāo)準(zhǔn)絕不是消滅代碼內(nèi)容的創(chuàng)造性、優(yōu)雅性,而是限制過(guò)度個(gè)性化，以一種普遍認(rèn)可的統(tǒng)一方式,提升協(xié)作效率,降低溝通成本。規(guī)范的目的是為了編寫高質(zhì)量的代碼。2022-12-12
如何實(shí)現(xiàn)多風(fēng)格選擇 樣式實(shí)時(shí)切換
如何實(shí)現(xiàn)多風(fēng)格選擇 樣式實(shí)時(shí)切換...2007-08-08
解決列高度自適應(yīng)(相同)的五種方法...2007-02-02
現(xiàn)在發(fā)現(xiàn)有些人的css寫得很亂 從上到下,那些標(biāo)記只有他自己看得懂,css在哪里,2008-07-07
頁(yè)里面 CDATA的作用說(shuō)明...2007-03-03