css - 使用 css 的垂直百分比 - 高度：x%；

Question

我正在尝试为应用程序制作流畅的布局，并且在使用 css 获取高度百分比时遇到了一些问题。当我希望它从窗口的垂直大小获取这个百分比时，它使用窗口的水平大小来指定高度 %。这是可能的还是我不走运？

width: x%;
height: y%;

x 和 y 是我希望元素的百分比。两者都由窗口的水平大小决定，我希望每个都使用它各自的轴。

Answer 1

如果你使用 JavaScript 来更新父节点的绝对高度，那么 height % 就开始有意义了。从玩耍中，作为 body 的第一代子代的 P 或 DIV 忽略任何 CSS height%；将其包裹在具有绝对高度的东西中。如果您事先不知道高度，请使用 onload JS 函数进行设置。