【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
2013-05-22 19:24
441 查看
在IE6中设置display:block的空容器一个较小高度时,如<p style="height:1px;"></p>,会发现其高度不能小于某个值
但该容器会存在一个和其父容器字体大小有关的外边距
推荐:详细了解IE大叔的各种奇葩毛病
<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:目前看到的最好的解决方案
推荐:详细了解IE大叔的各种奇葩毛病
相关文章推荐
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 转载 CSS设置IE6中容器高度BUG
- 转载 CSS设置IE6中容器高度BUG
- IE6下css设置容器高度的BUG不能小于某个值
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- DIV+CSS处理DIV设置float后,父容器无法定位高度的问题解决
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- 在IE6下用css设置div的高度为100%时失效的问题!
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- CSS IE6奇数宽度或高度的bug
- Android中CSS设置select高度的bug解决方法及jq操作select
- 【IE BUG】 CSS/HTML解决在IE6浏览器下显示文字重复
- IE的CSS Bug列表(IE6,IE7和IE8)
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- 使IE6中DIV(或其他容器)设置高度(h…
- css模拟select设置高度在ie67下有效(也可作为去除边框)
- 黄聪:DIV+CSS建站经验总结,不同版本IE下CSS布局bug问题(IE5、IE6、IE7、IE8、火狐Firefox兼容)
- IE6,IE7下设置body{overflow:hidden;}失效Bug【转】
- 解决Android系统中CSS设置select高度无效的BUG