如何正确达到高度100％

Question

如何实现网页的内容容器流畅调整大小，而不指定height = 100％或height = auto？正如你们中的一些人所知，它偶尔会以这种方式正常工作：/ 就像这里一样：

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

或在Facebook上？

在designhack和nettuts上，我甚至无法分解布局。

Answer 1

一个解决方案（来自"Head First HTML with CSS & XHTML"，第12章）是使用您的CSS设置您的身体的边距为零。这将确保主页面内容占用所有可用空间。

例如：

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

您也可以在div定义的任何部分上使用类似的边距填充。我引用的章节中有许多关于液体（自动调整大小）设计的附加布局选项的很好的例子。