私は次の構造とレイアウトを持っています:
質問:
なぜよりmargin-top: 6%
多くのピクセルとして計算されるのですか?div#content
div#header
注:両方の要素の親はheight: 100%
、と同じように設定されdiv#top-container
ています。
浮かんでいるということdiv#header
と関係があると強く感じますがdiv#content
、なぜこんなふうに振る舞うのかよくわかりません。
http://www.w3.org/TR/CSS2/box.html#margin-propertiesから
パーセンテージは、生成されたボックスを含むブロックの幅に対して計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。
仕様を注意深く読んでください。
http://www.w3.org/TR/CSS2/box.html#margin-properties
パーセンテージは、生成されたボックスを含むブロックの幅に対して計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。