css - CSS 粘性页脚的水平溢出问题

Question

看看http://www.cssstickyfooter.com/并将浏览器窗口的大小调整为 < 600 像素。

请注意页眉和页脚元素如何随着内容溢出超出其宽度而不足。

有什么方法可以防止这种情况发生，以便当页面水平滚动时，页眉和页脚不会不足吗？

Answer 1

这个问题可以通过为不与文档的其余部分一起拉伸(stretch)的元素分配 min-width 来解决。

在示例站点的 DOM 检查器中，尝试添加:

min-width: 960px;

...到页眉和页脚。问题解决了!我已经多次使用它，在所有浏览器和设备上都取得了不错的效果。