IE6下面,为什么不能设置height:1px的元素

简介: 在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。

bug出现原因:



 在用DIV构建网页的时候,有时候需要的高度很小,这时候就可能会出现问题,因为,IE6下DIV有个默认的高度,大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。


解决办法:



第一:


定义该DIV字体大小。


例如:

<div style="height:1px;font-size:0;"></div>

第二:


直接限制自动调整


<div style="height: 1px; overflow: hidden;"></div>


目录
相关文章
|
Web App开发 JavaScript
设置dom元素可拖动,支持ie5+
设置dom元素可拖动,支持ie5+
|
前端开发 JavaScript
纯css选取指定元素(兼容IE6/7/8)
如何使用纯css选取指定元素且能兼容IE6/7/8?
1806 0
|
前端开发
CSS-自定义高度的元素背景图如何自适应以及after伪类在ie下的处理
我都好久没更新了! 遇到一个效果,之前没有考虑清楚,设置了固定高度,到了后边,产品要加长,我就觉得设计得从新弄张长点的背景图!这不多余么? 其实分析原图还是可以再切分,再细化到不用改设计图,让我们前端页面各种适应,做到重复利用。
1157 0
|
Web App开发 JavaScript
设置dom元素可拖动,支持ie5+
摘要:   最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面。最终决定做一个在固定宽和高的位置,用户可以拖动图片查看。所以自己就写了一个支持ie5+,chrome,Firefox,opera等浏览器的可拖动dom元素的插件。
844 0