1

我在搞乱布局，从来没有在我的文件中添加过文档类型。添加文档类型后：

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

我的内容 divheight:100%溢出页面而不是增长到浏览器窗口的大小。为了在添加文档类型之前获得功能，我必须添加这个 java 脚本。 

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

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

4

1 回答 1

1

正如 darksky 提到的，您的 div 必须包含在另一个 % 中才能生效。HTML 几乎只是一堆相互堆叠的容器。首先我们有容器，然后是里面的容器，最后是容器。如果你告诉你的容器是 100%，它不知道 100% 是什么，所以正确的方法是：

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
}
于 2012-08-21T03:59:22.280 回答