如何正確實現高度100％

Question

如何在不指定height = 100％或height = auto的情況下實現網頁內容容器的流暢調整大小？你們當中有些人知道它有時正常工作是這樣的：/ 就像這裏：

http://net.tutsplus.com/，designshack.co.uk

或在Facebook上？

在這兩個designshack和nettuts我甚至無法打破布局。

Answer 1

一個解決方案（從"Head First HTML with CSS & XHTML"，第12章）是使用你的CSS來設置你的身體的邊距爲零。這將確保主頁面內容佔用所有可用空間。

例如：

body { 
     ... 
     margin: 0px; 
     ... 
} 

可以在由div以及定義的任何部分使用相似的餘量填充。我參考的這一章有許多關於液體（自動調整大小）設計的其他佈局選項的很好例子。