大卡特尔网站滚动太多.有人可以帮助我使用 css 吗?

Question

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

Answer 1

在你的 CSS 代码中添加

html{
    height:100%
}

Answer 2

问题不在于页脚。

问题出在您的div id="导航"

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

Answer 3

我知道

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

添加相对于 #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;
}