您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

firefox中div+css的外層背景色不見(jiàn)的解決方法

 代碼如下:


<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的背景色顯示不出來(lái),
在.header_right標(biāo)簽后面加上 <div class="clear"></div>,外層的背景色是顯示沒(méi)有問(wèn)題,
但是 在.header上方出現(xiàn)了去不掉的空行,網(wǎng)上找到的解決方法是,在外層div的css樣式中加上

 
代碼如下:

overflow:hidden;


結(jié)果確實(shí)可以解決問(wèn)題,但是原因 O(∩_∩)O~ 待查 ...... 

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd2207.html
頁(yè)面背景圖片的拉伸實(shí)現(xiàn)代碼
css中background-size屬性使用介紹
圖趣網(wǎng)微信
建議反饋
×