缩小窗口大小时，100% 宽度 <div> 不会拉伸答案

【问题标题】：100% width <div> doesn't stretch when window is resized down缩小窗口大小时，100% 宽度 <div> 不会拉伸
【发布时间】：2012-08-28 10:18:24
【问题描述】：

我有一个 100% 宽度的页眉/页脚 <div>。如果我使寡妇足够小以显示水平滚动条，然后滚动到页面的最右侧，我可以看到页脚在某个点中断并留下一个空白区域，就好像它的宽度是固定的一样。

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

编辑：

主<div> 的width:1024px 是故意的，因为它的内容是并排的 2 X 500 像素图像，我不希望它们在窗口缩小时换行。

【问题讨论】：

标签： css html

【解决方案1】：

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

body {
    min-width: 1024px;
}

【讨论】：

【解决方案2】：

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

百分比宽度计算为父节点的百分比。在本例中，它是主体节点。

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

【讨论】：