Question

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

Answer 1

在 CSS 代码中添加

html{
    height:100%
}

Answer 2

问题不在于页脚。

问题在于你的div id =＆＃34;导航＆＃34;

我做了一些关于将页脚粘贴到页面底部的问题。检查出来，也许会帮助你。

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;
}

用大卡特尔网站滚动太多了。有人可以用css帮我吗？

3 个答案: