firefox中div+css的外层情况色看不到的处理方式

日期:2021-03-06 类型:科技新闻 

关键词:h5平台,手机端网页,手机端网页模板,免费的h5场景制作平台,h5制作工具


拷贝编码
编码以下:

<div class="header">
<div class="header_left">header_left</div>
<div class="header_right">header_right</div>
</div>
.header{width:1000px;background:red;}
.header .header_left{width:600px;background:green;float:left;}
.header .header_right{width:400px;background:pink;float:right;}
.clear{clear:both;}

这样的div+css 在ie和chrome中都一切正常,可是firefox中header的情况色显示信息不出来,
在.header_right标识后边再加 <div class="clear"></div>,外层的情况色是显示信息沒有难题,
可是 在.header上方出現了去不掉的空行,在网上寻找的处理方式是,出外层div的css款式中再加

拷贝编码
编码以下:

overflow:hidden;

結果的确能够处理难题,可是缘故 O(∩_∩)O~ 待查 ......