Обратите внимание, что значение "inherit" не будет работать в IE8 и более старых версиях браузера.

Свойство CSS margin-bottom отвечает за создание внешнего отступа от нижней границы элемента. По сути, это расстояние между внешним краем нижнего края вашего текущего блока и внутренней границей родительского контейнера или соседнего элемента. Важно помнить о том, что для строчных элементов разрешено устанавливать лишь левые и правые внешние отступы.

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

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

Объединение полей

1. Когда сестринские элементы расположены друг под другом внутри потока документа, их поля могут объединиться в одно общее. Итоговая высота такого поля всегда будет равна высоте большего из двух исходных. Например: если поле верхнего элемента (margin-bottom) составляет 10px, а нижнего элемента () - 20px, то единое сформированное поле будет иметь высоту именно 20px.
2. Ситуация с объединением полей возникает и между родительским и дочерним элементами в потоке документа. Это происходит, если у родителя отсутствует какое-либо свойство (рамка, внутренний отступ или строчный контент), которое могло бы физически разделить его внешний отступ от внешнего отступа ребенка.

Синтаксис и значения свойства

margin-bottom: auto|размер|inherit;