CSS技巧DIV為空時占據(jù)空間的解決辦法
更新時間：2008年03月11日 11:57:08 作者：
如果給div元素設(shè)置了寬度時，比如width:100%，此時div在IE中（IE6，IE7）將占據(jù)物理空間，而在FF中不占據(jù)物理空間（正確理解）。為了表述直觀，將樣式直接寫在元素標(biāo)簽內(nèi)：
此時在IE中到底是什么在影響著最終的顯示，又是如何解析的呢？
可能的影響因素：字體大?。╢ont-size），字體行高（line-height），高度（height），溢出（overflow）
我們對上面的代碼逐一添加過濾屬性（具體的過程有興趣的朋友，可以私下里實驗一下，“自己動手，豐衣足食”?。?
在測試的過程中，你會發(fā)現(xiàn)IE6和IE7的解析也不盡相同，比如在給div設(shè)置了line-height:0; height:0; 的樣式后，IE7中顯示正常了，不再占據(jù)物理空間了，而IE6卻依然我行我素，亦或是悲！
最終的測試結(jié)果，最簡單的方法是，給div設(shè)置高度（height）和溢出（overflow）屬性：
本文來源于 WEB開發(fā)網(wǎng) 原文鏈接：http://www.cncms.com.cn/css/9642.htm
可能的影響因素：字體大?。╢ont-size），字體行高（line-height），高度（height），溢出（overflow）
我們對上面的代碼逐一添加過濾屬性（具體的過程有興趣的朋友，可以私下里實驗一下，“自己動手，豐衣足食”?。?
在測試的過程中，你會發(fā)現(xiàn)IE6和IE7的解析也不盡相同，比如在給div設(shè)置了line-height:0; height:0; 的樣式后，IE7中顯示正常了，不再占據(jù)物理空間了，而IE6卻依然我行我素，亦或是悲！
最終的測試結(jié)果，最簡單的方法是，給div設(shè)置高度（height）和溢出（overflow）屬性：
本文來源于 WEB開發(fā)網(wǎng) 原文鏈接：http://www.cncms.com.cn/css/9642.htm
相關(guān)文章
此問題不知道遇到多少次了，又一次遇見了。索性copy到這里，下次就不用打字了?，F(xiàn)在好多做布局都是用一個大的div里面嵌套，實現(xiàn)效果更好2008-05-05
需要標(biāo)準(zhǔn)布局的朋友，經(jīng)常會遇到一些問題，下面是一些布局問題2008-11-11
每一張網(wǎng)頁都僅加載自己需要的CSS可提高開發(fā)效率，提高維護(hù)效率，提高網(wǎng)頁加載效率。2008-09-09
網(wǎng)頁設(shè)計布局基礎(chǔ)...2007-02-02
2008-01-01
不錯的使iframe透明的方法不用每次都要改iframe里的背景顏色了2008-08-08
web標(biāo)準(zhǔn)常見問題集合2...2006-11-11
從今天開始，我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識放在這個“WEB標(biāo)準(zhǔn)能有多難？”的專欄里。當(dāng)然由于振之的水平有限，所講并非是完全正確的。在看了這個專欄的文章的時候要理性的分析，要有自己的判斷，歡迎各位朋友提出自己的看法與意見。2008-04-04
[綠色]解讀absolute與relative...2006-11-11
DIV+CSS經(jīng)常用到的屬性、參數(shù)及說明
用過DIV+CSS seo教程布局網(wǎng)站的人都會喜歡上這種方式，雖然開始沒有用傳統(tǒng)的table直觀，但用習(xí)慣了就會感覺出DIV+CSS的優(yōu)越。實際應(yīng)用中我搜索了DIV+CSS的常用定義項，并對其參數(shù)作了歸納和說明，與喜歡DIV+CSS的朋友共享。2008-09-09