DIV為空時占據空間的解決辦法


  當在div標簽內無任何內容時:鞍山哪家醫院皮膚科好www.pfk0412.com

  假如給div元素設置了寬度時,比如width:100%,此時div在IE中(IE6,IE7)將占據物理空間,而在FF中不占據物理空間(正確理解)。為了表述直觀,將樣式直接寫在元素標簽內:

  此時在IE中到底是什么在影響着最終的顯示,又是如何解析的呢?

  可能的影響因素:字體大小(font-size),字體行高(line-height),高度(height),溢出(overflow)

  我們對上面的代碼逐一添加過濾屬性(具體的過程有愛好的朋友,可以私下里實驗一下,“自己動手,豐衣足食”!)

  在測試的過程中,你會發現IE6和IE7的解析也不盡相同,比如在給div設置了line-height:0; height:0; 的樣式后,IE7中顯示正常了,不再占據物理空間了,而IE6卻依然我行我素,亦或是悲!鞍山首大皮膚病醫院www.pfk0412.com

  最終的測試結果,最簡單的方法是,給div設置高度(height)和溢出(overflow)屬性:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM