Question

我有以下Box Shadow css风格。不幸的是，它覆盖了mainContent 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);}

Answer 1

您应该将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>

盒子阴影覆盖了DIV的一小部分

1 个答案: