IE6下css设置容器高度的BUG不能小于某个值
2013-03-06 10:31
513 查看
在IE6中设置display:block的空容器一个较小高度时,如<p style="height:1px;"></p>,会发现其高度不能小于某个值
demo1:设置font-size:0,但是这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
demo2 & demo3:在容器中增加内容或其他空标签,如 、<br />,并设置line-height:0,虽然可实现效果,
但该容器会存在一个和其父容器字体大小有关的外边距
demo4 & demo5:虽然可以解决外边距的问题,但是在font-family:fixedsys(window的古老字体)等字体下还是会产生问题。
demo6:目前看到的最好的解决方案
<p style="background: #f00; height: 1px; font-size:0"></p><!-- demo1 -->
demo1:设置font-size:0,但是这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
<p style="background: #f00; height: 1px; line-height:0;"> </p> <!-- demo2 --> <p style="background: #f00; height: 1px; line-height:0;"><br/></p> <!-- demo3 -->
demo2 & demo3:在容器中增加内容或其他空标签,如 、<br />,并设置line-height:0,虽然可实现效果,
但该容器会存在一个和其父容器字体大小有关的外边距
<p style="background: #f00; height: 1px; font-size:0;line-height:0"> </p><!-- demo4 --> <p style="background: #f00; height: 1px; font-size:0;line-height:0"><br/></p><!-- demo5 -->
demo4 & demo5:虽然可以解决外边距的问题,但是在font-family:fixedsys(window的古老字体)等字体下还是会产生问题。
<p style="background: #f00; height: 1px; overflow:hidden;"></p><!-- demo6 -->
demo6:目前看到的最好的解决方案
相关文章推荐
- 转载 CSS设置IE6中容器高度BUG
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 转载 CSS设置IE6中容器高度BUG
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- 子元素浮动父容器高度不能自适应的CSS解决方法
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- css div设置float后高度不能自动增加
- 未设置高度的容器背景和边框不显示问题(CSS)
- 使IE6中DIV(或其他容器)设置高度(h…
- DIV+CSS处理DIV设置float后,父容器无法定位高度的问题解决
- 子元素浮动父容器高度不能自适应的CSS解决方法
- IE6下,CSS如何定义小于10像素的div高度
- ie6下会拒绝高度小于字号的设置
- div+css div不设置高度背景颜色或外边框不能显示的解决方法
- 解决Android系统中CSS设置select高度无效的BUG
- 子元素浮动父容器高度不能自适应的CSS解决方法
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示的解决方法
- 子元素浮动父容器高度不能自适应的CSS解决方法
- css div设置float后高度不能自动增加