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中到底是什么在影響著最終的顯示，又是如何解析的呢？
可能的影響因素：字體大小（font-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
可能的影響因素：字體大小（font-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)文章
此問(wèn)題不知道遇到多少次了，又一次遇見了。索性copy到這里，下次就不用打字了?，F(xiàn)在好多做布局都是用一個(gè)大的div里面嵌套，實(shí)現(xiàn)效果更好2008-05-05
標(biāo)準(zhǔn)布局常見問(wèn)題及解決辦法
需要標(biāo)準(zhǔn)布局的朋友，經(jīng)常會(huì)遇到一些問(wèn)題，下面是一些布局問(wèn)題2008-11-11
BS項(xiàng)目中的CSS架構(gòu)_僅加載自己需要的CSS
每一張網(wǎng)頁(yè)都僅加載自己需要的CSS可提高開發(fā)效率，提高維護(hù)效率，提高網(wǎng)頁(yè)加載效率。2008-09-09
網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)
網(wǎng)頁(yè)設(shè)計(jì)布局基礎(chǔ)...2007-02-02
2008-01-01
不錯(cuò)的使iframe透明的方法不用每次都要改iframe里的背景顏色了2008-08-08
web標(biāo)準(zhǔn)常見問(wèn)題集合2...2006-11-11
從今天開始，我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識(shí)放在這個(gè)“WEB標(biāo)準(zhǔn)能有多難？”的專欄里。當(dāng)然由于振之的水平有限，所講并非是完全正確的。在看了這個(gè)專欄的文章的時(shí)候要理性的分析，要有自己的判斷，歡迎各位朋友提出自己的看法與意見。2008-04-04
[綠色]解讀absolute與relative...2006-11-11
DIV+CSS經(jīng)常用到的屬性、參數(shù)及說(shuō)明
用過(guò)DIV+CSS seo教程布局網(wǎng)站的人都會(huì)喜歡上這種方式，雖然開始沒有用傳統(tǒng)的table直觀，但用習(xí)慣了就會(huì)感覺出DIV+CSS的優(yōu)越。實(shí)際應(yīng)用中我搜索了DIV+CSS的常用定義項(xiàng)，并對(duì)其參數(shù)作了歸納和說(shuō)明，與喜歡DIV+CSS的朋友共享。2008-09-09