css - 为 css 使用垂直百分比 - 高度 : x%;

Question

我正在尝试为应用程序制作流畅的布局，但在使用 CSS 设置高度百分比时遇到了一些问题。当我希望它从窗口的垂直尺寸中获取此百分比时，它使用窗口的水平尺寸来指定高度 %。这是可能的还是我运气不好？

width: x%;
height: y%;

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

Answer 1

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