使用CSS的垂直百分比 - 高度：x％。

Question

3

我正在尝试为应用程序制作流体布局，并且在使用CSS的高度百分比时遇到了一些问题。它使用窗口的水平大小来指定高度百分比，而我希望从窗口的垂直大小获取此百分比。这是可能的吗，还是我没戏了？

width: x%;
height: y%;

x和y代表我想要元素的百分比。它们都由窗口的水平大小决定，我希望每个都使用其相应的轴。

- Alex Getty

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Shad · Accepted Answer

如果您使用JavaScript来更新父节点的绝对高度，那么height %就开始有意义了。通过试验，作为body的第一代子元素的P或DIV会忽略任何CSS height%;请将其包裹在具有绝对高度的元素中。如果您事先不知道高度，请使用onload JS函数来设置它。