Странный расчет 100% - PullRequest
       8

Странный расчет 100%

0 голосов
/ 07 февраля 2012

У меня следующая структура и макет:

jsbin

Вопрос: Почему рассчитывается margin-top: 6%как больше пикселей для div#content, чем для div#header?

Примечание: Родитель обоих элементов имеет height: 100%, как и div#top-container.У меня сильное чувство, что это как-то связано с тем, что div#header и div#content всплывают, но я действительно не могу понять, почему это ведет себя так.

Ответы [ 2 ]

3 голосов
/ 07 февраля 2012

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

Процент рассчитывается относительно ширины содержащего блока сгенерированного блока. Обратите внимание, что это верно и для 'margin-top' и 'margin-bottom'.

0 голосов
/ 07 февраля 2012

внимательно прочитайте спецификации.

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

Процент рассчитывается относительно ширины сгенерированный блок, содержащий блок. Обратите внимание, что это верно для также 'margin-top' и 'margin-bottom'.

...