AI 助理
备案控制台
开发者社区 云原生 文章 正文

空DIV在IE中的高度问题

2007-09-29 724
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 按照设想，一个空的，并且没有任何样式的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
文章标签：
容器
关键词：
div IE
m2land
目录
相关文章
技术小胖子
|
Web App开发 前端开发 JavaScript
CSS固定DIV，导航条顶部固定fixed（兼容IE6）
技术小胖子
916 0
技术小胖子
解决IE6中div高度或td高度小于10px时高度无效
技术小胖子
1247 0
华山青竹
|
Web App开发 前端开发 JavaScript
简单的鼠标可拖动div 兼容IE/FF
来源：http://www.cnblogs.com/imwtr/p/4355416.html 作者： 主要思路： 一个div，注册监听onmousedown事件，然后处理获取的对象及其相关值（对象高度，clientX/clientY位置等） 并继而转为监测onmousemove事件，在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听，更新位置完成。
华山青竹
1019 0
t-25772082884-61
IE DIV背景透明，点击事件不响应解决方案
IE DIV背景透明，给DIV绑定点击事件，   $("div").bind("click", function(){ alert('click me.'); });     当点击DIV时，不会响应已经绑定的点击事件。
t-25772082884-61
935 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.
宁静_夏天
699 0
暖枫无敌
|
JavaScript .NET 前端开发
asp.net IE下div背景图片100%拉伸填充，可以缩放
看到CSDN上有人提问，就简单做了个，仅在IE下测试可用，其它浏览器未测试！ $(function () { $(window).
暖枫无敌
999 0
沫沫金
|
JavaScript
沫沫金：完美解决IE6下弹出层(DIV)被下拉框(Select)遮挡问题
  l 核心：使用两个JS方法，hideAllSelect()和showAllSelect() l 思想：弹出层的时候，隐藏所有下拉框；隐藏层的时候，显示所有下拉框 l 位置：两个js方法在web/js/application.
沫沫金
732 0
elim1
|
Web App开发 前端开发
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
在ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码： 让Div自适应是一个比较常见的需求，可是这种需求在ie下是默认的，但在firefox下就不是默认的了，因为这两者的内容实现不是一样的，所以常常是满足这个浏览器，另一个浏览器又不满足了！ 给需要自适...
elim1
695 0
秋天风景
|
Web App开发 前端开发 JavaScript
padding+div 在ie7、ie6以及firefox中的兼容问题
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签。所以要解决padding的兼容问题就要靠前面提到的标签。 以sccas-site为例，左侧导航栏在padding上产生了ie6、ie7以及ff浏览器不兼容，修改代码如下： #me...
秋天风景
885 0
游客qeoynko2nmbgk
|
3月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11，Maxthon 1.6.7，Firefox30、31，360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11，Maxthon 1.6.7，Firefox30、31，360极速浏览器7.5.3.308下测试正常
游客qeoynko2nmbgk
44 0