css - 大卡特尔网站滚动过多。有人可以帮我处理css吗？

Question

该站点http://doomedfromdayonemerch.bigcartel.com/当前在页面下方滚动太多，这是因为页脚（隐藏）位于页面底部。即使我使用 CSS 移动页脚，页面仍然滚动相同的量。理想情况下希望它只向下滚动一点。我确实有溢出-y：隐藏在身体上，虽然这确实有效，但它不允许更小的屏幕/放大，因为你根本无法滚动。任何帮助都会很棒！:)

Answer 1

在您的CSS代码中添加

html{
    height:100%
}

Answer 2

问题不在于页脚。

问题在于您的 div id="navigation"

我做了一些与将页脚粘贴到页面底部有关的问题。看看他们，也许会对你有所帮助。

Answer 3

我知道已经选择了一个答案，但让我进一步解释一下。您将导航 div 定位为相对，而不是绝对。看起来您正在尝试使用绝对定位，因为我在导航 css 中看到了 z-index。要使用绝对定位，父元素需要设置为 position: relative; 并且您想要绝对的元素需要设置为 position: absolute;

添加相对于#wrap的位置

#wrap {
width: 740px;
height: 700px;
margin: 0 auto;
padding: 5px;
text-align: left;
position: relative;
}

并将导航更改为绝对

#navigation {
z-index: 99;
position: absolute;
top: 175px;
padding-top: 10px;
padding-right: 5px;
margin-right: 4px;
height: 442px;
background: rgba(228, 228, 228, 0);
clear: both;
border-bottom-right-radius: 10px;
right: 10px;
}