无内容div占据空间的触发条件和解决方法

作者: 来源:http://www.xgdown.com/ 时间:2007-9-13 11:10:21

当在div标签内无任何内容时：

如果给div元素<b>设置了宽度<b>时，比如width:100%，此时div在IE中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内：

此时在IE中到底是什么在影响着最终的显示，又是如何解析的呢？

可能的影响因素：字体大小（font-size），字体行高（line-height），高度（height），溢出（overflow）

我们对上面的代码逐一添加过滤属性（具体的过程有兴趣的朋友，可以私下里实验一下，“自己动手，丰衣足食”！）

在测试的过程中，你会发现IE6和IE7的解析也不尽相同，比如在给div设置了line-height:0; height:0; 的样式后，IE7中显示正常了，不再占据物理空间了，而IE6却依然我行我素，亦或是悲！

最终的测试结果，最简单的方法是，给div设置高度（height）和溢出（overflow）属性：

无内容div占据空间的触发条件和解决方法相关文章：

·无内容div占据空间的触发条件和解决方法
·Vista六个常见问题的解决方法
·MSN 7.5 出现80048820错误之解决方法
·出了毛病不用怕 IE问题解决方法汇总
·IE无法打开搜索页的解决方法
·DIV和CSS排版中制作细线条的几种方法
·XP系统无法停止‘通用卷’的解决方法
·为什么我的设置的div最小高度不对
·进入系统后总是弹出奇怪窗口的解决方法
·IE脚本错误解决方法

无内容div占据空间的触发条件和解决方法相关软件：

·Easy Avi/Divx/Xvid to DVD Burner V2.5.8 汉化版
·Easy MPEG/AVI/DIVX/WMV/RM to DVD V1.6.6 汉化版
·Amor AVI DivX to VCD SVCD DVD Converter V2.6.0 汉化版
·AVI DivX to DVD SVCD VCD Converter(视频转换工具) V3.2.0723 汉化版
·Amadis AVI DIVX XVID to DVD Creator V1.0.6 汉化版
·Star Divx Converter V1.0.0 汉化版
·Easy Avi Divx Xvid to DVD Burner V2.5.4 汉化版
·Amond Avi/Wmv/Mpeg/Mov/Divx/Flv/Xvid/Mp3 Converter V1.2.4 汉化版
·Easy MPEG AVI DIVX WMV RM to DVD V1.6.1 汉化版
·VSO ConvertXToDVD (DivxToDVD) V2.1.19.243

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
转载请注明来源：http://www.xgdown.com