Что делать с содержанием элемента, если оно превышает его размер?
Если элементу присвоены точные значения высоты и ширины (height, width) а его содержание, например длинный текст, не вмещается в указанных пределах, то по умолчанию такой элемент растягивается до нужных размеров, что не всегда на руку веб-мастеру. На помощь приходит атрибут overflow, который указывает браузеру, что делать с элементом в таких случаях.
Свойство overflow может иметь следующие значения:
· visible - Элемент растягивается до необходимых размеров. (по умолчанию)
· hidden - Содержание элемента "обрезается" видна лишь та его часть что помещается в элементе.
· scroll - Добавляются полосы прокрутки (всегда! даже если содержание помещается в пределах элемента).
· auto - Полосы прокрутки добавляются при необходимости.
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Содержание элемента</title>
</head>
<body>
<div style="overflow: auto; width: 250px; height: 150px; border: solid 2px #dddddd">
<h3 align="center">Диктант</h3>
На дощатой террасе, близ конопляника, небезызвестная вдова Агриппина Саввечна, потчевала, отставного коллежского асессора Аполлона Карповича, моллюсками и другими яствами, под аккомпанемент виолончели.
</div>
</body>
</html>
