页面向内滚动时，绝对Div宽度未满

Question

当窗口宽度小于内容宽度时，DIV存在一个小问题。

基本上;这很难解释，但是，您当前所在的页面（stackoverflow网页）只是占用窗口并缩小窗口宽度，直到底部滚动条显示;然后滚动到页面底部。然后，您应该看到页脚包装器显示中间内容的一半，内容的一半来自背景图像。

所以，在我的一个个人网站上，我的页脚设置与stackoverflow完全相同，有没有办法解决这个问题？或者这需要通过javascript更新宽度？

谢谢， 麦克

Answer 1

对于初学者来说，Stack Overflow的页脚没有绝对定位，所以我认为你的内容也没有。

SO的页脚没有定位，这意味着它只是位于其父级的100％宽度，这是body元素，它也没有定位，所以只是位于窗口宽度的100％。但是，SO上的容器元素的宽度为960px，可能大于或等于100％的主体和窗口。当它变大时，它会扩展在主体元素之外，当你需要滚动时，会在页面右下角创建间隙。它不会强迫身体变大，只是伸展到外面。

快速解决方案是让您的身体最小宽度与最大内容宽度匹配，因此不会出现此问题。