空DIV在IE中的高度问题

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

空的DIV在IE中有一个最小高度，至少等于当前的行高。下面两个方法可以解决这个问题：
  1. 放一个空的注释行在DIV里面：<div style="height: 10px;"><!-- --></div>
  2. 放一个&nbsp在DIV里面，并增加这个样式：font-size:1px; line-height:0.
这个问题在制作DotNetNuke皮肤时要特别注意，因为一般会使用一个DIV来做Pane的容器，如果这个Pane到时没有插入内容的话，就会形成一个“空的DIV”，因为“空DIV在IE中的高度问题”这个Pane就不会隐形，而是在页面上显示一个小窄条。

参见网页：IE div height problem

posted on 2007-09-29 14:57  m2land  阅读(2235)  评论(0)  编辑  收藏  举报

导航