Честно говоря, ситуация с фиксированными размерами элементов может подкрадываться незаметно. Когда вы жестко задаете свойства (высота) и (ширина), возникает реальный риск того, что контент просто «не влезет» в отведенное пространство. Это классическая головная боль: содержимое оказывается объемнее, чем сам контейнер. К счастью, на помощь приходит CSS свойство overflow - настоящий спаситель в таких моментах. Оно позволяет заранее предвидеть проблему и определить поведение элемента при переполнении. По умолчанию всё выглядит безобидно: контент остается видимым, даже если он значительно превышает размеры блока. Но, поверьте, это можно легко изменить, выбрав подходящее значение свойства. | Значение по умолчанию: | visible | | Наследуется: | нет | | Версия: | CSS2 | | Синтаксис JavaScript: | object.style.overflow="scroll" | | Значение | Описание | | visible | Указывает, что при переполнении элемента содержимым, оно не будет обрезаться, а просто выйдет за рамки. | | hidden | Указывает, что контент, который не помещается в элемент, будет обрезан(обрезанная часть будет невидимая). | | scroll | Указывает, что контент, который не помещается в элемент, будет обрезан, но для просмотра обрезанной части, можно будет воспользоваться полосой прокрутки. | | auto | При переполнении элемента содержимым, полосы прокрутки добавляются автоматически. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример
|