Почему не срабатывает внешний отступ от родительского элемента?

Question

[svarnoi420]

К примеру, есть два тега, оба с display: block. Один вложен в другой.

Если вложенному элементу задать внешний отступ, то отступ будет идти от body, а не от тега, в который он завернут.
Ссылка на пример:
cssdeck.com/labs/wapr62ta

Но если указать внешнему тегу display: table, или padding ( > 1), или border, то вложенный будет отталкиваться уже от него, а не от body.
Ссылка на пример с border:
cssdeck.com/labs/ghivpxo1

Answer 1

[Евгений Петров]

Обычное проявление margin collapse.
Для простого предотвращения используется псевдоэлемент:

.frame:before,
.frame:after {
	content: "";
	display: table;
}