html - 使用固定宽度的容器时，HTML/CSS（Twitter Bootstrap）页脚无法正确显示？

Question

在我的 HTML 页面中，我制作了一个包含整个正文（包括页眉和页脚）的容器。但我面临的问题是，当我将容器设置为固定宽度时，页眉和页脚的左侧正确显示，但页脚的右侧无限延伸。这是我的CSS：

.container
{
    width: 1024px;
}

.footer
{
    float: left;
    margin: 0px;
    width:100%;
    background: #0B3B17;
    height: 100px;
    position: absolute;
    bottom: 0;
}

我认为这可能与绝对定位有关，但我需要我的页脚绝对定位，因为它不断移动。你有什么建议？顺便说一句，我正在使用 Twitter Bootstrap 进行开发。谢谢你的帮助。

Answer 1

添加position:relative;到.container规则。

.container {
 width: 1024px;
 position: relative;
 }

Answer 2

因为footer是相对body的位置。所以会在body的宽度一样。

我认为sticky-footer将是您更好的解决方案。