我尝试制作一个粘性页脚，这是正常的，但是当我的内容周围添加一个投影框时，框阴影会停在我内容的末尾而不是下到页脚。我试过改变页脚的位置，所以它现在没有匹配，但仍然没有改变框阴影。无论内容量多少，如何将框阴影延伸到页脚？ html全部包含在相应的div中，1个大包装器，1个div用于阴影框围绕标题到页脚（页脚包含在阴影div中，阴影div包含在＆＃39;包装器中＃39 ; div）。我的影子和页脚的css：
#wrapper {
min-height:100%;
position:relative;
}
#shadow {
border: 3px solid #888;
text-align: center;
width: 1200px;
min-height: 100%;
box-shadow: 6px 0px 5px -5px #999, -6px 0px 5px -5px #999;
margin: auto;
background-color: #FFFFFF;
}
#footer {
background: #365F91;
color: #000000;
width:1200px;
height: 35px;
position:absolute;
bottom:0;
left:381px;
}
这是我遇到的问题的屏幕截图： http://i.imgur.com/vLjPLIY.png
在所有浏览器中都显示相同的内容
HTML结构：
<body>
<wrapper>
<shadow>
<header>
<cssmenu>
</cssmenu>
</header>
<page>
</page>
<footer>
</footer>
</shadow>
</wrapper>
</body>
</html>