0

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

http://jsfiddle.net/efyJF/

如果您看到,现在侧边的内容是固定大小的。所以,我需要一直向右滚动才能看到右内容边框的结尾。

我觉得这不是正常网页的工作方式。我怎样才能解决这个问题。

谢谢

4

2 回答 2

2

您可以使用百分比来定义您的 css 值,width: 20%而不是使用固定值。或者尝试使用像Blueprint960 Grid System这样的 css 框架。

于 2012-10-17T13:53:15.093 回答
1

如果我理解正确,您正在寻找这样的东西

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

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

于 2012-10-17T13:51:58.107 回答