CSS практик

Наложение границ соседних блоковых элементов.

Posted by: fxix on: Сентябрь 13, 2008

Первое проявление – это когда границы между двумя соседними блоками «проваливаются» друг в друга. Для примера возьмем два блока – заголовок и абзац, идущие в потоке один за другим:
<h1>Заголовок</h1>
<p>Абзац текста</p>
Дадим заголовку верхнюю и нижнюю границу в 20 пикселов, а абзацу – в 10.
h1 {margin:20px 0;}
p {margin:10px 0;}
Так вот, нижняя граница заголовка и верхняя граница абзаца наложатся друг на друга и между ними будет не 30 пикселов, а 20 (по наибольшей границе).