При использовании margin-top появляется пустое пространство

Question

Я пытаюсь использовать margin-top, толкаю контейнер вниз относительно его родительского контейнера. Однако, пытаясь сделать это, появляется белый пробел между родительским div и предыдущим div (см. Скриншоты). Мне интересно, есть ли у кого решение . .

Answer 1

Использование обивка, не окраина, если проблема в том, что фон не наполняется в Это относится и к родительским DIV, а не ребенок:

http://jsfiddle.net/tmd4thpa/

.container { 
    background: purple; 
    padding:20px; 
} 
.div { 
    height:500px; 
    background: red; 
} 
<div class="container"> 
    <div class="div"></div> 
</div>