空DIV在IE中的高度问题

IE空DIV高度问题

最新推荐文章于 2021-06-15 19:08:56 发布

weixin_30823683

最新推荐文章于 2021-06-15 19:08:56 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/DotNetNuke/archive/2007/09/29/910754.html

本文探讨了HTML 4.0 DOCTYPE下，IE浏览器中空DIV出现非预期高度的现象。提供了解决方案，如在DIV内加入空注释或特定样式。

按照设想，一个空的，并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的，但如果DOCTYPE使用HTML 4.0的话，空DIV在IE中会显示高度(DOCTYPE＝XHTML 1.0 transtional 时显示正常）

空的DIV在IE中有一个最小高度，至少等于当前的行高。下面两个方法可以解决这个问题：

放一个空的注释行在DIV里面：<div style="height: 10px;"></div>
放一个&nbsp在DIV里面，并增加这个样式：font-size:1px; line-height:0.

这个问题在制作DotNetNuke皮肤时要特别注意，因为一般会使用一个DIV来做Pane的容器，如果这个Pane到时没有插入内容的话，就会形成一个“空的DIV”，因为“空DIV在IE中的高度问题”这个Pane就不会隐形，而是在页面上显示一个小窄条。

参见网页： IE div height problem

转载于:https://www.cnblogs.com/DotNetNuke/archive/2007/09/29/910754.html