Question

过去几天我一直在玩前端网页设计，主要是使用浮动/ clearfix来定位我的内容。我一直使用％来标记内容的宽度，并且效果非常好。

但是，如果我尝试将高度定义为整个页面的百分比，则无法正常工作，更准确地说，它似乎只包含了内容，我必须将高度定义为px值。

这有什么理由吗？是否有一种解决方法，我可以使用百分比值，它实际上划分了页面？

Answer 1

请试试这个：在CSS中给出100％的HTML标签然后你应该尝试将CSS中的body元素设置为

display:block;

并给它

min-height:100%

也可以看到这个话题：

br paulq

Answer 2

要在height中定义属性%，您需要在父height上使用先前的定义。然后，如果您在height上拥有固定px的家长，则可以使用%;但是如果你想要相对于窗口或其他％值工作％，你需要为所有父项设置一个值。

然后，如果你想使用窗口％，你需要这个：

HTML喜欢：

<body>
  <div id="container">My div with 100% height</div>
</body>

CSS喜欢：

/*Need to set all parents to 100%*/
html, body {
  height:100%;
}
/*Then set the container*/
#container {
   height:100%;
}