2013-07-07 56 views
0

這裏是CSS 嵌套的div不會顯示這兩個背景顏色

.Shell { 
    position: absolute; 
    bottom:0; 
    width: 100%; 
    height:25px; 
    background:green; 
    } 

.Inner { 
    width:50px; 
    background:red; 
    } 
</style> 

這裏是HTML

<body> 
<div class="Shell"> 
<div class="Inner" id="Inner"></div> 

</div> 
</body> 

我已經研究了一些東西在谷歌,但其中大部分被語法相關或太不同於我的html應用。

在IE9和Firefox中,Inner div的紅色不顯示。 Inner div不應該覆蓋Shell div的背景顏色嗎?

+0

嘗試添加填充/間距內殼,看看它覆蓋了哪些? –

回答

4

.Inner沒有高度集,你也應該把一個非打破空間內:

<div class="Inner" id="Inner">&nbsp;</div> 
+0

謝謝修復它。 – user1015711

+0

沒問題,很樂意幫忙。 – Seth