我试图让一个页脚贴在我的网页底部，但它只上浮了一半。我看过几个例子，看不出我做错了什么。如有任何帮助，将不胜感激。我的简化代码如下所示。
<html>
<head>
</head>
<body>
<div id = "wrapper">
<!--Wrapper div for the main content-->
</div>
<!--Footer container-->
<div class="footer">
</div>
</body>
</html>
--CSS--
body
{
height: 100%;
margin: 0;
padding:0;
background-color: #1A1F2B;
min-width: 960px;
}
#wrapper{
min-height: 100%;
}
.footer{
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
display: block;
background-color: #232A3B;
}
最佳答案
如果您希望它位于document的底部：
.footer {
position: absolute;
bottom: 0;
}
如果希望它位于视口的底部：
.footer {
position: fixed;
bottom: 0;
}
关于html - 网站页脚不会停留在页面底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12481152/