底部宽度不调整

Question

我想配置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

向下滚动，做你们可知道它为什么不坐靠在屏幕的底部？相反，它表现出巨大的差距。我不正确吗？

谢谢！

Answer 1

如果你想有没有差距可言添加到您的页脚风格：

position: fixed; 
bottom: 0px; 

即使被警告：这将显示在底部页脚总是，这意味着它可以了，最有可能会重叠你的主要内容。我建议为您的主要内容添加一个min-height以防止出现这种情况。或者放弃并保持原样。

Answer 2

如果您有页脚固定高度，可以使用的伎俩来源：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

简而言之： 集“定位：绝对”和“底部：0页脚，然后设置主要元素的底部填充到页脚的高度。还需要一个包含“最小高度：100％”和“定位：相对”的包装元素。