當在div标簽内無任何内容時：
<div></div>
假如給div元素<b>設定了寬度<b>時，比如width:100%，此時div在IE中（IE6，IE7）将占據實體空間，而在FF中不占據實體空間（正确了解）。為了表述直覺，将樣式直接寫在元素标簽内：
<div style="width:100%"></div>
此時在IE中到底是什麼在影響着最終的顯示，又是如何解析的呢？
可能的影響因素：字型大小（font-size），字型行高（line-height），高度（height），溢出（overflow）
我們對上面的代碼逐一添加過濾屬性（具體的過程有愛好的朋友，可以私下裡實驗一下，“自己動手，豐衣足食”！）
在測試的過程中，你會發現IE6和IE7的解析也不盡相同，比如在給div設定了line-height:0; height:0; 的樣式後，IE7中顯示正常了，不再占據實體空間了，而IE6卻依然我行我素，亦或是悲！
最終的測試結果，最簡單的方法是，給div設定高度（height）和溢出（overflow）屬性：
<div style="width:100%;height:0;overflow:hidden; "></div>
轉載于:https://www.cnblogs.com/Lion5859/articles/1444705.html