如何正确达到高度100%

时间:2010-07-14 01:26:27

标签: html css height

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

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

或在Facebook上?

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

1 个答案:

答案 0 :(得分:0)

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

例如:

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

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