Нулевая высота у body

skvor · April 6, 2012

<body>
  <div></div>
</body>

Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>.

И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается.

Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование?

Предположу, что начальные свойства <body> совпадают, кроме margin, со свойствами <div>.

Вопрос 2 - предположение верно?

wildhind · April 6, 2012

Вам следует ознакомиться с понятием потока.

Абсолютное позиционирование выводит элемент из потока, и поэтому не остаётся ни одного элемента, который бы на эту высоту влиял.

skvor · April 6, 2012

wildhind, спасибо, я так примерно и стал думать, но не вижу упоминаний об этом в описаниях CSS.

И я не знаком с термином "поток" в приложении к визуализации HTML, если не затруднит, дайте ссылку, пожалуйста.

alexandr_v-vich · April 6, 2012

skvor,

http://htmlbook.ru/css/cat/position

Может не для начала, но ознакомится нужно (главное - position)

Sign In

Нулевая высота у body

Question

skvor

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

wildhind

Link to comment

Share on other sites

skvor

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information