当窗口调整大小</div>时，100％宽度<div>不会拉伸

Question

我的页眉/页脚<div>宽度为100％。如果我让寡妇足够小以便出现水平滚动条，然后滚动到页面的最右边，我可以看到页脚在某个点断开并留下一个空白空间，好像它的宽度是固定的。

http://jsfiddle.net/enxRw/

我错过了任何CSS属性吗？我需要额外的包装<div>吗？我是否需要JavaScript来检查窗口宽度并相应调整？

编辑：

主width:1024px的{​​{1}}是故意的，因为它的内容是并排的2 X 500px图像，我不希望它们在窗口调整大小时包裹。

Answer 1

不要在.main div上设置宽度，而是将其设置在body上：

body {
    min-width: 1024px;
}

这是你的小提琴：http://jsfiddle.net/enxRw/1/

Answer 2

是的，你可以使用包装div。或者，您可以在body元素上指定最小宽度。

百分比宽度计算为父节点的百分比。在这个实例中，它是身体节点。

由于您尚未在体节点上设置宽度，因此计算为视口的宽度。 （您可以通过查看检查器中的body节点来检查它）