0

私は次の構造とレイアウトを持っています:

jsbin

質問: なぜよりmargin-top: 6%多くのピクセルとして計算されるのですか?div#contentdiv#header

注:両方の要素の親はheight: 100%、と同じように設定されdiv#top-containerています。

浮かんでいるということdiv#headerと関係があると強く感じますがdiv#content、なぜこんなふうに振る舞うのかよくわかりません。

4

2 に答える 2

3

http://www.w3.org/TR/CSS2/box.html#margin-propertiesから

パーセンテージは、生成されたボックスを含むブロックのに対して計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。

于 2012-02-07T09:53:40.303 に答える
0

仕様を注意深く読んでください。

http://www.w3.org/TR/CSS2/box.html#margin-properties

パーセンテージは、生成されたボックスを含むブロックの幅に対して計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。

于 2012-02-07T10:12:55.817 に答える