为什么在调整浏览器大小和侧滚动时我的页脚被截断？答案

【问题标题】：why is my footer is being cut off when resizing the browser and side scrolling?为什么在调整浏览器大小和侧滚动时我的页脚被截断？
【发布时间】：2014-01-20 02:57:55
【问题描述】：

我在一个网页上有一个页脚，其中有另一个 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

感谢任何帮助。我被搜索和阅读，搜索和阅读，现在听从你们这些好人。 ;)

【问题讨论】：

访问您的网站需要身份验证。
您的域受到限制，我需要在 Firefox 上检查它，但它需要身份验证。
嘿阿里，我试过了...没有成功。你们还不能访问吗？我已禁用身份验证，您不应被阻止...
@jive;检查我的答案，让我知道那个是否有效。
还需要认证

标签： css html layout

【解决方案1】：

某些东西导致您的页面至少拉伸到 1160 像素（我不确定它到底是什么，也没有时间弄清楚，但我最好的猜测是它在您的导航或滑块中的某个位置） .因此，当宽度或最小宽度为 100% 时，它只会延伸到整个窗口（其他 100% 彩条如导航也是如此）。当窗口小于 1160 像素时，您的页脚也将小于 1160 像素。如果您将您的 css 更改为我在下面的内容，它将始终拉伸网站的整个宽度：

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

【讨论】：