是box-shadow箱子的一部分吗?阴影宽度将包含在Block元素的总宽度中?
所以,我的网站有一个标题和一个包含Revolution Slider的div.我正在尝试在标题下方添加一个框阴影 - 并在滑块上方.但它不起作用,除非我也添加margin-bottom到标题 - 但这使得整个练习没有实际意义.
这是代码:
#header {
display:block;
min-height: 99px;
background: #FFFFFF;
border-top: 3px solid #8dddcd;
border-bottom: 1px solid #ecf0f1;
line-height: 99px;
box-shadow: 0 10px 10px 10px rgba(0,0,0,0.3);
}
#rev {
position: relative;
}Run Code Online (Sandbox Code Playgroud)
<div id="header"></div>
<div id="rev">the slider</div>Run Code Online (Sandbox Code Playgroud)
有人可以帮我找出导致这种情况的原因吗?