Question

我正在搞乱布局，并且从未在我的文件中添加文档类型。添加文档类型后：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

我的内容div height:100%溢出了页面，而不是增长到浏览器窗口的大小。要在添加doc类型之前获取功能，我必须添加此java脚本。

wHeight = $(window).height();
$('#content').height(wHeight);

为什么doc类型以这种方式影响布局，我可以在不使用java脚本的情况下解决这个问题吗？

Answer 1

正如darksky所提到的，你的div必须包含在另一个中才能使％生效。 HTML几乎只是堆叠在一起的容器。首先，我们有容器，然后是容器内部，最后是容器。如果你告诉你的容器是100％，它不知道100％的东西，所以正确的方法是：

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
}