DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> ie6,7下空DIV無任何內容時占據空間問題解決
ie6,7下空DIV無任何內容時占據空間問題解決
編輯:布局實例     

當在 div 標簽內無任何內容時在 IE 中(IE6,IE7)將占據空間,在其他浏覽器中則沒有此現象,其實解決方法很簡單,有此經歷,由此需求的朋友可以參考下本文,希望可以幫助到大家

 

當在 div 標簽內無任何內容時:
<div></div>
如果給 div 元素設置了寬度時,比如 width:100% ,此時 div 在 IE 中(IE6,IE7)將占據空間,而在其他浏覽器中不占據空間。

復制代碼 代碼如下:
<div style="width:100%"></div>


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

復制代碼 代碼如下:


<div style = " width : 100 %; height : 0 ; overflow : hidden ; " ></div>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved