firefox中div+css的外層背景色不見(jiàn)的解決方法
2014/9/30 11:24:53來(lái)源:三聯(liá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
本文地址:http://m.likemindfilms.com/tutorial/wd2207.html
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏
最熱門的教程