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

时间:2012-08-28 02:03:18

标签: css html

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

http://jsfiddle.net/enxRw/

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

编辑:

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

2 个答案:

答案 0 :(得分:4)

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

body {
    min-width: 1024px;
}

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

答案 1 :(得分:1)

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

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

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

豫ICP备18024241号-1