Question

因此，我正在制作一个带有照片库的非常基本的网站，我有这个css为我的页脚。

 #footer  
 {
 color: #f0c;
 font-size: 9px;
 font-family: Verdana, Geneva, Arial, sans-serif;
 background-color: #c00;
 text-align: center;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 18px

条形图不会向下滚动到页面的其余部分，而是向上滚动页面，如下所示：http://i.imgur.com/yqM9WDM.png

帮助太多了！

Answer 1

我不完全确定你想从你的描述中实现什么，也无法发表评论。您是否试图将红色条保持在窗口底部？

在这种情况下，重要的CSS是：

#footer {
    position: fixed;
    bottom: 0;
}

将它粘贴到视口的底部（滚动可视区域）。其余的造型取决于你。

顺便说一句，最好使用类（.footer）而不是ID（#footer）。

Answer 2

使用position: fixed或position: sticky代替position: absolute来修复页面上的内容。阅读this文章，了解更多了解职位的运作方式。

Answer 3

如果我理解正确，那么你想要的是使用position:fixed而不是position:absolute

固定位置会将您的元素固定到位。这里有一个小提琴 - http://jsfiddle.net/mSE6c/

Answer 4

这对你有用吗？

<强> CSS：

* {
margin:0;
}

html, body {
height: 100%;
}

#inhalt {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px;
}

#footer, #clearfooter {
height: 30px;
}

<强> HTML：

<div id="inahlt">Inhalt <div id="clearfooter"></div></div>
<div id="footer">Footer</div>

<强>来源：

http://www.flashjunior.ch/school/footers/fixed_stop.cfm

Answer 5

使用position:fixed代替position:absolute，这会将其保持在一个位置。

http://jsfiddle.net/PM9Xt/在行动中显示了这一点。 top:0将标题保留在顶部，而bottom:0则将页脚保留在底部。

基本站点需要CSS帮助

5 个答案: