Если у родителя не задан padding или border, и элементы не float, имеют display:block или list-item (или по ряду других особенностей), то внешние отступы родителя и потомка накладываются друг на друга.
Примерно тоже самое происходит и для двух идущих подряд элементов с отступами, например с абзацами. Если скажем задать
p{margin: 20px 0}, то между двумя абзацами будет отступ не 40px, а 20px, так как они схлопнутся.
__________________
В личку только с интересными предложениями
|