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

Question

我正在嘗試爲應用程序製作流暢的佈局，並且在使用css作爲高度百分比時遇到了一些麻煩。它使用窗口的水平尺寸來指定高度，當我希望它從窗口的垂直尺寸獲得這個百分比時。這是可能的還是我運氣不好？

width: x%; 
height: y%; 

x和y是我希望元素的百分比。兩者都由窗口的水平尺寸決定，我希望每個都使用它的各自的軸。

Answer 1

如果使用JavaScript來更新父節點的絕對高度，height％開始意味着什麼。從玩起，身體的第一代孩子的P或DIV忽略任何CSS高度;將它包裹在絕對高度的東西里。如果您事先不知道高度，請使用onload JS函數進行設置。