如何根据窗口大小调整Web内容的大小

Question

我正在尝试创建一个网页。它有两个区域左右内容。直到现在我正在测试它在特定的窗口大小，它位于中心，大小非常合适。但是，一旦我最小化它或在不同大小的显示器上打开它，它就不会根据它调整大小。我该怎么做。这是我正在处理的网络链接。

http://jsfiddle.net/efyJF/

如果你看到，现在一边的内容是固定大小的。因此，我需要向右滚动以查看正确内容边框的结尾。

我觉得这不是普通网页的工作方式。我该如何解决这个问题。

由于

Answer 1

您可以使用width: 20%之类的百分比来定义您的css值，而不是使用固定值。或者尝试使用Blueprint或960 Grid System等css框架。

Answer 2

如果我理解正确，您正在寻找类似this

的内容

容器具有margin: 0 auto;的属性，将其置于中心，然后子div占用该父div的百分比。可以调整父级（#container）的大小，子级将适当填充它。

你犯的错误是使用绝对定位，这将完美地对准你的屏幕，但其他屏幕看起来不一样。