Margin

WoW-rotfl · June 12, 2013

Добрый вечер, у меня вопрос по поводу margin как я понимаю это отступ от границы текущего элемента до внутренней границы его родительского элемента, мне абсолютно непонятно почему, если вложить один блок в другой и дочернему выставить отступ, то отступ будет не от родителя а от границы предыдущего элемента, но если же родителя выставить border или же overflow то отступ уже будет от родителя. что это за мистика такая?

живой пример: http://jsfiddle.net/fG6ZQ/

wwt · June 12, 2013

Это называется схлопывание, а не мистика.

Примечание
У блочных элементов расположенных рядом друг с другом по вертикали наблюдается эффект схлопывания, когда отступы не суммируются, а объединяются между собой. Само схлопывание действует на два и более блока (один может быть вложен внутрь другого) с отступами сверху или снизу, при этом примыкающие отступы комбинируются в один. Для отступов слева и справа схлопывание никогда не применяется.
Схлопывание не срабатывает:
для элементов, у которых на стороне схлопывания задано свойство padding.
для элементов, у которых на стороне схлопывания задана граница;
на элементах с абсолютным позиционированием, т.е. таких, у которых position установлено как absolute;
на плавающих элементах (для них свойство float задано как left или right);
для строчных элементов;
для <html>.

WoW-rotfl · June 12, 2013

спасибо большое 10 раз перечитал самый вверх этой страницы на которую ссылку на пропустил все 10 раз примечание, про схлопывание в курсе но не про все, его свойства.

Sign In

Margin

Question

WoW-rotfl

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

wwt

Link to comment

Share on other sites

WoW-rotfl

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information