0

我正在尝试配置我的 CSS 布局的底部，但似乎无法弄清楚如何去做。

body {
    background: #f9f9f9;
    font-family: 'Droid Sans', sans-serif;
    color: #777;
    font-size:13px;
    line-height:25px;
}


#footer {
    background: #1b1b1b url("../images2/footer.jpg") repeat top;
    padding:50px 0;
    width:100%;
    color: #867f72;
}

代码：

<!-- START #footer -->
    <div id="footer">
        vxsvsd
    </div>
    <!-- END #footer -->

实时预览：http ://www.krissales.me/user/tyler/whmcs/index.php

向下滚动，你们知道为什么它不靠在屏幕底部吗？相反，它显示出巨大的差距。我没有对齐正确的东西吗？

谢谢 ！

4

2 回答 2

0

如果您想完全没有间隙，请将其添加到您的页脚样式中：

position: fixed;
bottom: 0px;

但请注意：这将始终在底部显示页脚，这意味着它可以并且很可能会与您的主要内容重叠。我建议min-height为您的主要内容添加一个以防止这种情况发生。或者干脆放弃并保持原样。

于 2013-08-03T20:27:25.340 回答
0

如果您有一个固定的页脚高度，您可以使用以下技巧： http: //matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

简而言之：为页脚设置'positioning：absolute'和'bottom：0'，然后将主元素的底部填充设置为页脚的高度。还需要一个带有“最小高度：100%”和“定位：相对”的包装元素。

于 2013-08-03T21:03:59.877 回答