html - 幅ではなく高さに対してマージンスケールを作成する

Question

http://jsfiddle.net/NykbP/

.headerドキュメント/ウィンドウの高さを基準にして、、、.mainBannerおよびs のmargin-bottom css プロパティをliスケーリングしようとしていますが、ドキュメント/ウィンドウの幅を基準にしてスケーリングしていますが、divs の高さは適切にスケーリングされています。 ..

height:8%

上記は正しくスケーリングされます

margin-bottom:2%;

上記はありません。

高さに応じてスケーリングするにはどうすればよいですか?

Answer 1

パーセンテージで宣言されたマージンは、親ノードの幅に基づいています。図に行きます。

これはあなたを助ける素晴らしい記事です: http://mattsnider.com/css-using-percent-for-margin-and-padding/