Как увеличить размер внешнего div-а при увеличении внутреннего?

Question

[FedorYemel]

Подскажите, я не до конца понимаю как работает div верстка. При верстании страницы часто один div бывает внутри другого diva. И я никак не могу понять, как сделать, чтобы один блок дива который, например, я создаю для создания фона внутреннему блоку с текстом, растягивался так же как и растягивается внутренний див. Но у меня получается, что эти дивы как листы бумаги на столе - один легко выходит за пределы другого. Как мне сделать, чтобы размер внешнего дива увеличивался автоматически с увеличением внутреннего (чтобы они были взаимно зависимыми блоками, чтобы внутренний не мог выйти за пределы внешнего).

Answer 1

[Злой Негр]

Попробуйте так:

div#big_div{
padding: 10px 20px 30px 40px;
border: 1px solid #f00;
margin: 200px;
}
div#small_div{
width: 40px;
height: 60px;
border: 1px solid #00f;
}

<div id="big_div">
<div id="small_div">
</div>
</div>

Comments

[FedorYemel]

Спасибо огромное!