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

【问题标题】：Too much scrolling with Big Cartel site. Could someone help me with the css?大卡特尔网站滚动过多。有人可以帮我处理css吗？
【发布时间】：2012-08-17 16:18:09
【问题描述】：

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

【问题讨论】：

Ypou 已在 wrap 和 main 上设置了高度。这些可能不是必需的 - 尝试删除它们。

标签： css bigcartel

【解决方案1】：

在您的 CSS 代码中添加

html{
    height:100%
}

【讨论】：

谢谢，成功了！就是这么简单！ CSS 总是如此！

【解决方案2】：

问题不在于页脚。

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

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

【讨论】：

【解决方案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;
}

【讨论】：