页脚并不总是坚持到底

时间:2017-10-09 18:16:06

标签: css reactjs

我一直试图在网上设置我的页脚一段时间没有运气..
页脚粘在屏幕底部,如果有滚动条,所以当我向下滚动时,它会向上滑动...
我希望它坚持到底部但不喜欢位置:固定(如果有滚动条,那么我不想看到页脚,直到我滚动到底部)。
我的网络中有3个主要组件(标题,内容和页脚)。
这是页脚css:

background: #929191;
border-top: 1px black solid;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;

我尝试将html和body更改为" height:100%"但唯一能让我想要的东西,就是它的高度比屏幕大。
这就像身高:110%(即使高度之和为100%)。
我试着减少它,直到我适应,但它在UI中的每一个小变化都会造成麻烦。

我非常感谢任何帮助..

2 个答案:

答案 0 :(得分:0)

听起来像是在寻找<footer>。请记住,它不会在早期版本的Internet Explorer中工作。 Here是更多信息。如果有问题,请告诉我。

答案 1 :(得分:0)

在页脚上试试这个 -

.footer {
        position: relative;
        bottom:  -500px; // you can adjust the negative value
    }