CSS包裝背景沒有出現

Question

我有像這樣

<div class="contentWrapper"> 
<div class="left_side"></div> 
<div class="right_side"></div> 
</div> 

我contentWrapper類的結構具有這種風格：

.contentWrapper { 
margin: 0px auto; 
padding: 0px; 
width: 990px; 
text-align: left; 
background-color: #FFF; 
box-shadow: 0 2px 7px rgba(0,0,0,0.25); 
position: relative; 
z-index: 20; 
} 

但背景顏色和邊框不會出現。

我left_side和right_side類有這個作爲styleing：

.left_side { 
width: 630px; 
float: left; 
padding: 0 10px 0; 
} 

.right_side { 
width: 300px; 
float: right; 
margin: 0 20px 20px; 
} 

如果我關掉浮在左，右或右邊，但背景和邊框appear..How做我解決這個問題，我真的需要左右背景和邊界。

感謝， Ĵ

Answer 1

類在CSS的名字是錯誤的。在html中，他們被稱爲left_side和right_side，而在css中你有right_column和left_column。

Fiddle

.contentWrapper { 
    margin: 0px auto; 
    padding: 0px; 
    width: 990px; 
    text-align: left; 
    background-color: #FFF; 
    box-shadow: 0 2px 7px rgba(0,0,0,0.25); 
    position: relative; 
    z-index: 20; 
    overflow: hidden; /* THIS /* 
} 

這會清除所述浮體和基本上固定它。當你浮動一個元素時，它會跳出正常圖層，導致父級表現爲內部沒有任何東西。