为啥在调整浏览器大小和侧滚动时我的页脚被截断?
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 时图像会不断调整大小?