如何根據窗口大小調整Web內容的大小

Question

我正在嘗試創建一個網頁。 它具有左右兩個區域。 直到現在，我都在一個特定的窗口尺寸（位於中間且尺寸完全合適）上對其進行測試。 但是，一旦我最小化它或在不同大小的顯示器上打開它，它就不會基於它來調整大小。 我該怎么做。 這是我正在使用的Web鏈接。

http://jsfiddle.net/efyJF/ 。

如果您看到的話，現在側面的內容是固定大小的。 因此，我需要一直滾動到右側才能看到右側內容邊框的結尾。

我覺得這不是正常網頁的工作方式。 我怎樣才能解決這個問題。

謝謝

Answer 1

您可以使用百分比（如width: 20%來定義css值，而不要使用固定值。 或者嘗試使用諸如Blueprint或960 Grid System之類的CSS框架。

Answer 2

如果我理解正確的，你正在尋找的東西像這樣

容器具有margin: 0 auto;屬性margin: 0 auto; 將其放在中間，然后孩子的div占該父div的百分比。 可以調整父級（#container）的大小，而子級將適當地填充它。

您所犯的錯誤是使用絕對定位，這將使其完全適合您的屏幕，但其他屏幕看起來並不相同。