html - 最小宽度 : 960px with centered layout and additional 'wings'

Question

目标是让 min-width: 960px; 具有居中布局和额外的“翅膀”以获得更大的屏幕。

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

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

关于如何修复水平滚动行为有什么想法吗？

Answer 1

问题是每边都有 70px 的填充，并且填充包含在框大小中。它不是 960 像素宽，而是 1100 像素(960 + 70 + 70 = 1100)宽。即使您有负边距，框的大小也不受这些影响，因此您将在小于 1100 像素的任何宽度上获得水平滚动。