箱影覆盖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的一小部分

回答

相关问题