为啥在调整浏览器大小和侧滚动时我的页脚被截断?

Posted

技术标签:

【中文标题】为啥在调整浏览器大小和侧滚动时我的页脚被截断?【英文标题】: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;检查我的答案,让我知道那个是否有效。 还需要认证 【参考方案1】:

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

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

【讨论】:

以上是关于为啥在调整浏览器大小和侧滚动时我的页脚被截断?的主要内容,如果未能解决你的问题,请参考以下文章

为啥当我滚动浏览 UITableView 时图像会不断调整大小?

流体布局底部的页脚

为啥我的页脚宽度没有达到智能手机上的全宽?我正在使用 WordPress

网页的页脚没有延伸到页面的最底部

jquery 数据表页脚被附加而不是使用破坏

粘性页脚不适用于绝对位置