位置が相対的な場合、height属性とtop属性が機能しないのはなぜですか？

Question

これは、これはトップの近くにボックスを配置し、高さもトッププロパティのいずれも
働いているように見える少しトップ

<div style="height: 10em; width: 50%; left: 25%; top:2em; position: relative; background: white;">Hello World</div> 

下のボックスを配置します。箱の高さは50％ではなく、箱は上から50％下にありません。

<div style="height: 50%; width: 50%; left: 25%; top:20%; position: relative; background: white;">Hello World</div> 

私はこのようなもので初心者ですが、左と幅の仕事がパーセントと上端と高さではないように見えますか？

Answer 1

ボックスの高さが固定されていない場合、そのボックスの高さを知ることができないため、ボックスには親の割合であるheightを使用できません（通常、そのような親はbodyまたは他のラッパー要素）。

直接的な結果として、topはパーセンテージでも効果がありません。