Обработка переполнения

В тех случаях, когда размер элемента чересчур мал для того, чтобы тот мог вместить свое содержимое, возможно определить порядок действий над содержимым, которое не помещается в элемент. Для этих целей используется свойство CSS overflow со значениями: visible, hidden, scroll, auto, inherit. Начальное значение: visible.

· Значение по умолчанию – разрешает выводить содержимое и вне пределов прямоугольника элемента.

· Если значение overflow равно hidden, то содержимое, которое не вмещается внутрь прямоугольника элемента, отсекается и не выводится вообще.

· При выборе scroll к прямоугольнику элемента добавляются полосы прокрутки даже в том случае, если содержимое элемента помещается на экране.

· При значении auto прокрутка добавляется лишь при условии, что содержимое не вмещается.

Можно задать размеры и положение зоны видимости при помощи свойства clip со значениями rect(top, right, bottom, left), auto, inherit.

Для управления видимостью элемента как такового используется свойство CSS visibility со Значениями visible, hidden, collaps, inherit.

Замечание: Значение collapse рекомендуется для использования в столбцах и строках таблиц, отвечающих правилам CSS. Использование collapse с любыми прочими элементами может их скрыть, однако лучше всего этого избегать. Это значение не поддерживает Internet Explorer для Windows версии 6 и ниже.

Элементы могут перекрываться. По умолчанию наложение элементов происходит в порядке их появления в документе, при этом более «поздние» отображаются поверх тех, которые следовали до них. Можно изменить порядок наложения элементов, установив свойство z-index. Свойство z-index принимает любое целочисленное значение, как положительное, так и отрицательное. При этом чем больше значение, тем выше место данного элемента в «стеке», отрицательные значения отодвигают элемент «глубже» по оси z.