CSS Sticky Footer的水平溢出问题

Question

查看http://www.cssstickyfooter.com/并将浏览器窗口调整为＆lt; 600px的。

注意当内容溢出超出其宽度时页眉和页脚元素如何不足。

有没有办法阻止这种情况发生，这样当页面水平滚动时，页眉和页脚不会缩短？

Answer 1

可以通过将 min-width 分配给未与文档其余部分一起拉伸的元素来解决此问题。

在示例网站上的DOM检查器中，尝试添加：

min-width: 960px;

...页眉和页脚。问题解决了！我已经使用了很多次，在所有浏览器和设备上都有很好的效果。

Answer 2

您所看到的是使窗口比.main，.foot和其他具有静态宽度的布局元素更窄的副作用。如果它们没有宽度或更小的宽度，它就可以正常工作。

Answer 3

实际上没有人使用宽度小于600px的浏览器。即使800x600px与大多数人一起死亡，请查看此调查结果：http://www.w3schools.com/browsers/browsers_display.asp

对于移动设备较小的页面宽度，您应该只担心水平溢出和其他问题，在这种情况下，正确的移动浏览器和特定的样式表将解决此问题。