Margin-bottom, css довідник

CSS властивість margin-bottom встановлює зовнішній відступ від нижнього краю елемента. Відступом є відстань від зовнішнього краю нижньої межі поточного елемента до внутрішньої межі його батьківського елемента або до кордону елемента, розташованого поруч. Зверніть увагу, для малих елементів можуть бути встановлені тільки зовнішні відступи з лівого і з правого боку.

Margin-bottom, css довідник

Розмір зовнішнього нижнього відступу можна вказувати в пікселях (px), відсотках (%) або в інших одиницях виміру CSS. Значення може бути як позитивним, так і негативним.

Примітка: нижній або верхній зовнішній відступ дочірнього елемента може впливати на загальну висоту батьківського елемента, якщо у нього не заданий фіксований розмір висоти.

об'єднання полів

  1. Поля сестринських елементів, розташованих один під іншим і знаходяться в потоці документа, об'єднуються в одну загальну. Висота отриманого поля дорівнює висоті більшого з двох полів, наприклад: поле верхнього елементу (margin-bottom) становить 10px, а нижнього елемента (margin-top) - 20px, єдине поле в цьому випадку буде висотою 20px.
  2. Об'єднання полів батьківського і дочірнього елемента, що знаходяться в потоці документа, відбувається, якщо батьківський елемент не має нічого з того, що могло б відокремлювати його зовнішній відступ від зовнішнього відступу дочірнього елемента (рамки, внутрішнього відступу або сатиричного вмісту). Також об'єднання полів не відбуватиметься, якщо батьківського елементу встановити властивість overflow із значенням hidden або auto. Плюс від цього способу полягає в тому, що розмір батьківського елемента не збільшується.

Значення за замовчуванням:

до всіх елементів, за винятком малих елементів і тих елементів, які належать до типу display: table- *, крім table-caption, table і inline-table.