CSSの高さ（デフォルトでは幅の点で）でマージン/パディングのパーセンテージを設定する方法は？

Question

通常、margin-top:10%;/*(say for eg.)*/ と指定すると、margin-topはページ幅の10％になりますが、ページの高さの10％を必要とします。

Answer 1

マージンパーセントは、となります。常には、含まれている要素の幅で表示されます。それがどのように定義され、それがうまくいくかです。トップとボトムに使用できる唯一の柔軟なマージンは、autoの値で、ブラウザがトップマージンまたはボトムマージンを自動的に計算できるようにします。そのパーセンテージを要素の高さに適用する方法はありません。 padding-top宣言はパーセンテージに関しても同じように機能します。

あなたはそこに行きたいと思う「余裕」のパーセンテージで高さを持つ何らかの種類の余分な部分を追加する必要があります。これがどれほどうまくいくかはわかりません。