箱影覆蓋DIV的一小部分

我有以下Box Shadow css風格。不幸的是它覆蓋了mainContent DIV頂部的一小部分。其餘的DIV長度沒有任何影子。我究竟做錯了什麼？箱影覆蓋DIV的一小部分

.mainContent {width: 85%; margin: auto; max-width:1400px; 
-webkit-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
-moz-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
box-shadow:   0px 9px 26px 5px rgba(50, 50, 50, 0.75);}

來源

2014-04-17 Gloria

您必須使用'溢出：隱藏;對於'包裝元素 –

.mainContent是頁面內容的主包裝...... – Gloria

啊，現在它的作品.....謝謝Alien先生 – Gloria

您應該將height屬性設置爲auto。

jsfiddle

.mainContent {width: 85%; margin: auto; max-width:1400px; 
-webkit-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
-moz-box-shadow: 0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
box-shadow:   0px 9px 26px 5px rgba(50, 50, 50, 0.75); 
height:auto 

} 

    <div class='mainContent'> 
     <div style='height:50px; width:50px; border:1px solid'></div> 
    </div>

來源

2014-04-17 14:08:00

以及DIV的高度取決於它的內容，所以我不能給它一個固定的高度。該百分比不起作用。 – Gloria

@Gloria，那麼你應該將其設置爲自動或繼承（更新答案）。 –

箱影覆蓋DIV的一小部分

回答

相關問題