ie6,7下空DIV无任何内容时占据空间问题解决
(编辑：jimmy 日期: 2025/1/11 浏览：3 次 )
当在 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>
<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>
下一篇：css3学习心得分享