转载 CSS设置IE6中容器高度BUG
2014-05-26 23:13
204 查看
在IE6中设置display:block的空容器一个较小高度时,如<p
style=”height:1px;”></p>,会发现其高度不能小于某个值,比如在字体大小为12px时这个值是15px,在浏览器默认字体大小时这个值为19px,你可以通过调整IE6中的“查看>字体大小”来观看这个高度的变化。解决方案:
设置font-size:0,但是这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
在容器中增加内容或其他空标签,如 、<br
/>,并设置line-height:0,但该容器会存在一个和其父容器字体大小有关的外边距,这个问题在IE7中也会出现,
在容器中增加内容或其他空标签,同时设置font-size:0,line-height:0
上述解决方案在某些字体下会有非常大难以预料的变化,
设置zoom:0.03,这个会受到font-size、font-family的影响而显示不同效果,并且在IE7下不可见,
设置overflow:hidden,这是目前看到的最完美的解决方案。ie6下没有外边距margin.
style=”height:1px;”></p>,会发现其高度不能小于某个值,比如在字体大小为12px时这个值是15px,在浏览器默认字体大小时这个值为19px,你可以通过调整IE6中的“查看>字体大小”来观看这个高度的变化。解决方案:
设置font-size:0,但是这个容器的高度最小为2px,所以没有办法实现高度为1px的效果
在容器中增加内容或其他空标签,如 、<br
/>,并设置line-height:0,但该容器会存在一个和其父容器字体大小有关的外边距,这个问题在IE7中也会出现,
在容器中增加内容或其他空标签,同时设置font-size:0,line-height:0
上述解决方案在某些字体下会有非常大难以预料的变化,
设置zoom:0.03,这个会受到font-size、font-family的影响而显示不同效果,并且在IE7下不可见,
设置overflow:hidden,这是目前看到的最完美的解决方案。ie6下没有外边距margin.
相关文章推荐
- 转载 CSS设置IE6中容器高度BUG
- IE6下css设置容器高度的BUG不能小于某个值
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 转载:IE6,IE7下设置body{overflow:hidden;}失效Bug
- DIV+CSS处理DIV设置float后,父容器无法定位高度的问题解决
- 在IE6下用css设置div的高度为100%时失效的问题!
- css在firefox及IE6中最小高度如何设置
- 【转载】IE6 BUG 图片元素img下 高度超出 出现多余空白
- 解决Android系统中CSS设置select高度无效的BUG
- Android中CSS设置select高度的bug解决方法及jq操作select
- CSS IE6奇数宽度或高度的bug
- 未设置高度的容器背景和边框不显示问题(CSS)
- 使IE6中DIV(或其他容器)设置高度(h…
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- DIV+CSS页面设计中的IE6的文字溢出BUG
- 认识hasLayout——IE浏览器css bug的一大罪恶根源(转载网址http://neverned.blog.163.com/blog/static/1265524200933021130561/)
- ie6的一个css的BUG
- ie6 默认高度bug