如何調整DIV頁面的大小以適合屏幕寬度？

Question

我在以下鏈接中找到了一個使用DIV的簡單網站設計示例：

http://www.htmlgoodies.com/img/3_column.html

這種設計的問題是寬度是固定的。 我需要一種設計，其中包裝DIV擴展到整個屏幕區域（寬度為100％），並且頁眉，主DIV和頁腳DIV隨之調整大小。

如果將包裝寬度和頁腳寬度設置為100％，則確實會占用最大化瀏覽器窗口上的整個區域，但是縮短窗口會導致右側和主要DIV向下包裝。 如何防止這種包裹？

Answer 1

我不確定這是否是您要尋找的答案，但是float:right在包裝在另一個div下的div上使用float:right或float:left可以解決此問題嗎？

Answer 2

我建議考慮使用Fluid960gs

Answer 3

不能完成，DIV只有一個屬性，即align屬性。 也許考慮使用表格： http : //www.w3schools.com/html/html_tables.asp Shadowpat