备案控制台
探索云世界
开发者社区 云原生 文章 正文

空DIV在IE中的高度问题

2007-09-29 706
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 按照设想，一个空的，并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的，但如果DOCTYPE使用HTML 4.0的话，空DIV在IE中会显示高度(DOCTYPE＝XHTML 1.0 transtional 时显示正常） 空的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
文章标签：
容器
m2land
目录
相关文章
最美的回忆
|
Web App开发 前端开发 容器
css+div自动适应高度，在IE和firefox下都能适应 (左右DIV自适应高度)
最美的回忆
1107 0
lauren_liuling
绝对定位的div的居中方法，下面的写法兼容IE系列浏览器和火狐浏览器。
lauren_liuling
1742 0
华山青竹
|
Web App开发 前端开发 JavaScript
简单的鼠标可拖动div 兼容IE/FF
来源：http://www.cnblogs.com/imwtr/p/4355416.html 作者： 主要思路： 一个div，注册监听onmousedown事件，然后处理获取的对象及其相关值（对象高度，clientX/clientY位置等） 并继而转为监测onmousemove事件，在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听，更新位置完成。
华山青竹
982 0
ap0581w9c
IE DIV背景透明，点击事件不响应解决方案
IE DIV背景透明，给DIV绑定点击事件，   $("div").bind("click", function(){ alert('click me.'); });     当点击DIV时，不会响应已经绑定的点击事件。
ap0581w9c
884 0
宁静_夏天
|
Web App开发 前端开发
转载：IE下div使用margin:0px auto不居中的原因
转自：http://www.blogjava.net/sealyu/archive/2010/01/08/308640.html   一般在将div居中显示时，使用css： divX {margin:0 auto;} 此css在firefox下是好的，但是在ie下不起作用，网上看到原因如下：margin: 0 auto 看看内容居中否如上调试结果，IE6.
宁静_夏天
673 0
暖枫无敌
|
JavaScript .NET 前端开发
asp.net IE下div背景图片100%拉伸填充，可以缩放
看到CSDN上有人提问，就简单做了个，仅在IE下测试可用，其它浏览器未测试！ $(function () { $(window).
暖枫无敌
963 0
geovindu
|
Web App开发 前端开发 iOS开发
CSS设置DIV Herf底层图片和链接同时改变,兼容IE，Firefox,Opera,Safari,Chrome等
/*CSS樣式設置 塗聚文 Geovin Du**/ .text8 { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; } .geovindu { cur
geovindu
1089 0
elim1
|
Web App开发 前端开发
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
在ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码： 让Div自适应是一个比较常见的需求，可是这种需求在ie下是默认的，但在firefox下就不是默认的了，因为这两者的内容实现不是一样的，所以常常是满足这个浏览器，另一个浏览器又不满足了！ 给需要自适...
elim1
685 0
javaboy2012
|
Web App开发 JavaScript 前端开发
给某个DIV容器赋值js函数，ajax中使用，支持ie和firefox
javaboy2012
1757 0
极客小俊
|
6月前
|
Web App开发 前端开发 JavaScript
Edge浏览器没有让我失望! 今天终于可以在win10中模拟IE内核进行前端测试了!
在win10中模拟IE内核进行前端测试
极客小俊
125 1
Edge浏览器没有让我失望! 今天终于可以在win10中模拟IE内核进行前端测试了!