Пример
#wrap1 { overflow:visible; } #wrap2 { overflow:hidden; } #wrap3 { overflow:scroll; } #wrap4 { overflow:auto; }
С помощью свойства overflow Вы можете указать как должно отображаться содержимое вышедшее за пределы элемента.
Значение | Описание |
---|---|
auto | Если содержимое выйдет за пределы элемента к нему автоматически будет добавлена полоса прокрутки, пролистав которую можно будет увидеть вышедшее за пределы содержимое. |
visible | Содержимое вышедшее за пределы элемента будет отображаться. Является значением по умолчанию. |
hidden | Содержимое вышедшее за пределы элемента будет скрыто. |
scroll | У элемента будет присутствовать полоса прокрутки, пролистав которую можно увидеть вышедшее за пределы содержимое (отличается от auto тем, что полосы прокрутки всегда отображаются независимо от того имеет ли элемент вышедшее за пределы содержимое или нет). |