firefox中div+css的外层背景色不见的如何解决方法

再过一两夜,秋霜在月下布满山谷,然后退回到北面群山那边稍作停留,好让金黄的初秋温柔地抚慰大地。轻微的茴香气息弥漫在天空中。还有金菊的芬芳气味。雾气翻腾,被九月的月色冲破,露出一片蔚蓝色的天空。
复制代码
代码如下:

<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~ 待查 ......

本文firefox中div+css的外层背景色不见的如何解决方法到此结束。我们每走一步,都是一个新的起点,这一个个起点连接成我们一生的轨迹。不要害怕开始,经历了起步时的艰难,方能产生飞跃的嬗变;不要畏惧结束,所有的结局都是一个新的开端。到头来我们会发现,人生如圆,终点亦是起点。不要奢望太多,得到的终归要失去;不要敬畏太甚,能够主宰你的,永远是你自己。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例