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

时间:2011-02-26 20:23:26

标签: css layout fluid

我正在尝试为应用程序制作流畅的布局,并且在使用css作为高度百分比时遇到一些麻烦。当我希望它从窗口的垂直大小获得此百分比时,它使用窗口的水平大小来指定高度%。这可能还是我运气不好?

width: x%;
height: y%;

x和y是我想要元素的百分比。两者都取决于窗口的水平尺寸,我希望每个窗口都使用它的相应轴。

1 个答案:

答案 0 :(得分:2)

如果使用JavaScript更新父节点的绝对高度,则高度%开始表示某些内容。从玩耍开始,P或DIV作为身体的第一代孩子忽略任何CSS高度%;用绝对高度包裹它。如果您事先不知道高度,请使用onload JS函数进行设置。