空DIV在IE中的高度问题

本文探讨了HTML 4.0 DOCTYPE下,空DIV在IE浏览器中显示异常高度的现象。即使没有任何样式设置,空DIV也会呈现出一个默认的高度,通常等同于当前行高。文章提供了两种解决方案:一是通过在DIV内放置一个空的注释行;二是添加一个不可见字符并设置特定样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

按照设想,一个空的,并且没有任何样式的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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值