Как сделать большой блок внутри маленького, чтобы большой не выходил за его пределы?

Question

[ixon]

Есть один маленький блок примерно 100х100, внутри которого большой блок примерно 200х200.
Как сделать так, чтобы большой блок не вылазил за маленький, а был внутри его, как содержимое тега iframe?

<div style="background:#00FFFF;width:100px;height:100px">
<div style="background:#FF0000;width:200px;height:200px"></div>
</div>

Answer 1

[Павел Гоголинский]

маленькому блоку в css пропишите
overflow: auto;
jsfiddle.net/FavXP/1

Answer 2

[ixon]

ещё можно overflow: hidden;