最小宽度：960px，中心布局和额外的“翅膀”

Question

目标是让min-width: 960px;具有居中的布局，并为更大的屏幕提供额外的“翅膀”。

使用负边距查看当前实施：http://dl.dropbox.com/u/8313423/wings.html

问题是当窗口大小为960px或更小时，有一个水平滚动，允许滚动直到黄色div的结尾（但应该直到文本结尾）。在此实现中，当视点到达黄色div时出现水平滚动，但它应该仅在到达文本时显示。在我看来，负的右边距被忽略了。

如何修复水平滚动行为？

Answer 1

问题是每侧有70px的填充，并且填充包含在框大小中。它的宽度为1100px（960 + 70 + 70 = 1100），而不是960px宽。即使您有负边距，框大小也不会受到影响，因此您可以在任何宽度小于1100像素的情况下获得水平滚动。