Question

这是我遇到问题的页面。你可以看到，当我向下滚动阴影时，它位于错误的位置。 http://michaelaharvey.github.io/

我试图让我的网页拥有box-shadow css属性。但是，我似乎无法将box-shadow应用于整个网页。因此，当我向下滚动时，页面中间会出现阴影，而不应该是。我试过用... #site-wrapper {overflow：hidden;}

...但这导致我的页面跳转导航中断。如何设置site-wrapper的div高度等于整个页面，包括所有溢出？谢谢！！！

Answer 1

你必须再制作一个包裹.cover-container

的元素

<div class="site-wrapper-inner">
    <div class="cover-wrapper">
         <div class="cover-container">
             ....
         </div>
    </div>
</div>

然后将其CSS置于

.cover-wrapper {
    height: 100%;
    overflow-x: hidden;
}

，因为您在table和table-cell

中使用.site-wrapper和.site-wrapper-inner

因此您必须添加内容以包装内容以控制其高度

将box-shadow放在站点包装器上

1 个答案: