Вложенные блочные элементы

[Maksim55]

В процессе изучения html возникли несколько вопросов. Как я понял  теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает  величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь блок div. Отступ слева вообще отсутствует..  Какое  объяснение данному поведению?  

Edited June 11, 2014 by Maksim55

[Vlad02]

читайте про margin collapse

[Maksim55]

Нет такого значения у свойства margin

Edited June 11, 2014 by Maksim55

[afdw]

Отступ просто освобождает пространство вокруг элемента, сдвигая его, и оказывает влияние на размеры дочернего элемента, если они не заданы явно.

Вот пример: http://jsfiddle.net/xwDcz/ .

Не margin collapse, а border-collapse. Это не имеет никакого отношения к margin, не путайте человека.

[SelenIT]

afdw, это вы не путайте . Как раз свойство по вашей ссылке не относится к теме, а вот это (оно же в спецификации) очень даже относится .

[Vlad02]

Нет такого значения у свойства margin

Это не свойство margin, ссылку выше дали

[Maksim55]

Хорошо, допустим отступы схлопываются, но если я по вертикали  расположу строчные элементы, то все равно отступ появится не у дочернего элемента<p>, а у родительского элемента div.  При отсутствии вложенного параграфа div  отступов по вертикали не имеет

Edited June 11, 2014 by Maksim55

[klierik]

http://habrahabr.ru/post/121810/

[Maksim55]

http://habrahabr.ru/post/121810/

В этой статье не описывается данный вопрос. Все-таки почему отступы схлопываются при расположении по вертикали не блочных элементов, а строчных?

[SelenIT]

Потому что отступы строчных элементов не схлопываются. Элементы p, h1, div и т.п. — блочные (а вообще схлопывание бывает у любых элементов с display:block, кроме особых случаев, оговоренных в спецификации).

 

Зачем так сделано — см. здесь после «отчего так».