如何根據窗口大小調整網頁內容

Question

我正在嘗試創建一個網頁。它有左右兩個區域的內容。直到現在，我正在測試它在一個特定的窗口大小，它躺在中心和大小是完全適合。但只要我最小化它或打開它在不同大小的顯示器上它不會根據它調整大小。我該怎麼做。這裏是我正在處理的網頁鏈接。

http://jsfiddle.net/efyJF/。

如果您看到，現在側面的內容是固定的大小。所以，我需要一直滾動到右側才能看到正確的內容邊界。

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

感謝

Answer 1

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

容器具有這使它在中心的margin: 0 auto;一個屬性，然後孩子們的DIV佔用一個百分比母公司家長（#container）可以調整大小，孩子們會適當填寫它。

你犯的錯誤是使用絕對定位，這將完美對齊你的屏幕，但其他屏幕看起來不一樣。

Answer 2

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