CSS设置IE6中容器高度BUG
日期:2013-12-16 来源:攀枝花惠康网络公司
在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,这是今朝看到的最完美的解决方案,
文章来源:攀枝花惠康网络公司
惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大中小城市,我们高效优质的网站建设服务深受用户好评。