当前位置:首页> 正文
IE6下css设置容器高度的BUG不能小于某个值
在IE6中设置display:block的空容器一个较小高度时,如p style=height:1px;/p,会发现其高度不能小于某个值
复制代码代码如下:
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;"nbsp;/p !-- demo2 --
p style="background: #f00; height: 1px; line-height:0;"br//p !-- demo3 --
demo2 demo3:在容器中增加内容或其他空标签,如nbsp;、br /,并设置line-height:0,虽然可实现效果,
但该容器会存在一个和其父容器字体大小有关的外边距
复制代码代码如下:
p style="background: #f00; height: 1px; font-size:0;line-height:0"nbsp;/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:目前看到的最好的解决方案
复制代码代码如下:
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;"nbsp;/p !-- demo2 --
p style="background: #f00; height: 1px; line-height:0;"br//p !-- demo3 --
demo2 demo3:在容器中增加内容或其他空标签,如nbsp;、br /,并设置line-height:0,虽然可实现效果,
但该容器会存在一个和其父容器字体大小有关的外边距
复制代码代码如下:
p style="background: #f00; height: 1px; font-size:0;line-height:0"nbsp;/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与session丢失(新窗口cookie丢失)实测及解决
ie与session丢失(新窗口cookie丢失)实测及解决方案,丢失,新窗...
-
ie11兼容模式在哪?IE11兼容模式怎么设置
ie11兼容模式在哪?IE11兼容模式怎么设置,兼容模式,设置,网站,...
-
IE10下Gridview后台设置行高不起作用解决方法
IE10下Gridview后台设置行高不起作用解决方法,行高,后台,解决...
-
如何彻底优化IE浏览器 六种设置方法轻松优化你
如何彻底优化IE浏览器 六种设置方法轻松优化你的IE浏览器,方...
-
使用X-UA-Compatible来设置IE浏览器兼容模式
使用X-UA-Compatible来设置IE浏览器兼容模式,模式,兼容性,网...
-
为ie和chrome单独设置样式的方法
为ie和chrome单独设置样式的方法,设置,方法,这是,复制,样式,...
-
IE 6不支持min-height或max-width等属性的完美
IE 6不支持min-height或max-width等属性的完美解决方案,完美,...
-
在Surface中IE浏览器触摸版和桌面版的设置使用
在Surface中IE浏览器触摸版和桌面版的设置使用技巧,设置,桌面...
-
IE7或者IE8全屏解决方案
IE7或者IE8全屏解决方案,全屏,启用,工具,解决方案,窗口,选项,...
-
ie6,ie7,ie8完美支持position:fixed的终极解决
ie6,ie7,ie8完美支持position:fixed的终极解决方案,支持,完美...
-
IE6: border的transparent透明解决方案
IE6: border的transparent透明解决方案,解决方案,透明,属性,...
-
下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐),兼容,火狐,设...
-
拥有最小高度能自适应高度同时全兼容IE、FF的di
拥有最小高度能自适应高度同时全兼容IE、FF的div设置,兼容,设...
-
关于IE7 z-index的浏览器兼容性问题完美解决方
关于IE7 z-index的浏览器兼容性问题完美解决方案,性问题,浏览...