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>


目录
相关文章
|
4月前
|
编解码 前端开发 小程序
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
CSS中rpx、px、em、rem、%、vh、vw各自都代表什么
42 0
|
1月前
|
XML 存储 编解码
svg的viewBox、width和height的设置说明
svg的是没有边界的,svg画布只是用于展示svg世界中某一个范围的内容,而对于超过了svg画布范围的内容,则会被遮挡。默认svg画布默认显示世界坐标下原点坐标的width*height面积的矩形视野。
|
3月前
|
编解码
px,em,rem,vw,vh之间的区别
px,em,rem,vw,vh之间的区别
|
4月前
|
编解码 前端开发 容器
vh,vw,px,%有什么区别
vh,vw,px,%有什么区别
62 0
|
5月前
|
编解码
1rem、1em、1vh、1px各自代表的含义?
1rem、1em、1vh、1px各自代表的含义?
|
8月前
|
Web App开发
font-size 设置字体不生效解决方案(小于12px)
字体不变小的原因? 使用 font-size 设置小于 12px 的字体时,发现并不生效(字体不会再缩小了)。 原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px,大部分浏览器都是如此,所以小于12px字体不会在变小,而是保持12px的大小
292 0
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
508 0
|
前端开发
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
389 0
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
|
Web App开发 前端开发 iOS开发