Примеры. Управление переполнением и видимостью

При переполнении следующего блока:
<div style="width: 200; height: 200; background-color: #00FFFF">
</div>
блок будет увеличиваться (т.е. также как и таблица).

переполнениеееееееееееееееееееееееееееееееееееееее переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение

При переполнении следующего блока:
<div style=" overflow: auto; width: 200; height: 200; background-color: #00FFFF">
</div>
блок не будет увеличиваться, информацию можно просмотреть с помощью прокрутки

переполнениеееееееееееееееееееееееееееееееееееееее переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение

При переполнении следующего блока:
<div style=" overflow: hidden; width: 200; height: 200; background-color: #00FFFF">
</div>
блок не будет увеличиваться, информация, не поместившаяся в блок, не будет отображена

переполнениеееееееееееееееееееееееееееееееееееееее переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение переполнение

Практические задания