ie6,7下空DIV无任何内容时占据空间问题解决

当前位置 : 首页 > 网页制作 > CSS > ie6,7下空DIV无任何内容时占据空间问题解决

ie6,7下空DIV无任何内容时占据空间问题解决

来源: 作者: 时间:2015-11-05 11:49
当在 div 标签内无任何内容时在 IE 中(IE6,IE7)将占据空间,在其他浏览器中则没有此现象,其实解决方法很简单,有此经历,由此需求的朋友可以参考下本文,希望可以帮助到大家
当在 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>
Tag:
网友评论

<