为什么在调整浏览器和侧面滚动时我的页脚被切断了？

Question

我在网页上有一个页脚，其中有另一个div，其中包含一些内容（该内容以页脚容器为中心）。页脚设置为拉伸整个宽度，而内部div设置为960px并具有自动居中的边距： Html：

<footer> 
  <div class="footer-inner">Content</div>
</footer>

的CSS：

footer {float: left; min-width: 100%; background-color: #000;}

footer-inner {width: 960px; margin: 0px auto;}

页脚在完整尺寸时确实会跨越，但是当我调整浏览器大小和侧面滚动时，它不再延伸到整个宽度，但会被切断：

屏幕截图：http://cl.ly/image/1r2T2h3K3Z1A/o

网站：http://southland.dcsam.com

感谢任何帮助。我搜索，阅读，搜索和阅读，现在推荐给你很好的民众。 ;）

Answer 1

某些东西导致你的页面延伸到最低1160px（我不确定它到底是什么，没有时间弄明白，但我最好的猜测是它在导航器或滑块中的某个位置） 。因此，宽度或最小宽度为100％时，它只会延伸穿过窗口（对于其他100％颜色条，例如nav，也是如此）。当窗口小于1160px时，您的页脚也将小于1160px。如果您将css更改为我在下面的内容，它将始终拉伸网站的整个宽度：

footer {
    width: 100%;
    min-width: 1160px;
}