Question

我的窗口分为3个部分，标题，部分和页脚。部分部分在浏览器中没有完全调整大小，而是在页面的一半处切断。

我尝试将高度属性更改为100％或＆＃39;自动＆＃39;但它似乎没有帮助。我已经包含了整个代码，因为我不确定影响尺寸的因素。

function isUpperCase(c) {
    return !!c && c != c.toLocaleLowerCase();
}

Answer 1

要使截面高度为100％，您需要父级也要100％高度。换句话说，您的身体必须设置为height:100%，并且该部分设置为相同。

你也可以使用像这样的vh（垂直高度）单位，这不需要身体100％的高度

section{
    height:100vh;
}

Answer 2

只要你有float:_____，浮动元素就会失去它的高度。它是可见的，但它好像没有高度。东西会覆盖它 - 尺寸不起作用。

那该怎么办？

有一个简单的解决方法。确保浮动元素位于另一个容器（通常为div）内，并设置容器overflow:hidden或overflow:auto的样式。 还有其他涉及创建伪元素的解决方案，这些解决方案效果很好并且有点“更优雅”，但这种方法效果很好。

参考文献：

Answer 3

对于要为元素工作的基于百分比的高度设置，其父元素需要具有高度定义。在你的情况下，那是<body>，所以你需要添加

body {
  height: 100%;
}

...并且不要漂浮它 - 如果你这样做，它会失去它的高度设置