Элемент будет частично (или полностью) расположен вне страницы или будет перекрывать
Содержимое другого элемента. Для предотвращения того, чтобы отрицательно
Позиционированный элемент выходил за рамки окна браузера, добавьте
Достаточно полей или отступов либо к самому элементу, либо к включающему его
относительно позиционированному тегу- в данном примере к тегу <h1>. Дополнительные
Поля обеспечат достаточно места для выступающего изображения. В данном
Случае, чтобы предотвратить перекрытие изображением любого содержимого над
заголовком, добавьте поле сверху. Левый отступ шириной 55 пикселов также «вытолкнет•
Текст заголовка из-под абсолютно позиционированного изображения.
Как и в предыдущем примере, Internet Explorer готов доставить неприятности.
Но, что еще хуже, добавление wi dth: 100% на этот раз даже не устранит проблемы.
Поскольку у тега <h1> есть отступ, установка его ширине значения 100% в действительности
сделает заголовок шире, чем 100% страницы (см. разд. «Определение
параметров высоты и ширины• гл. 7 для получения подробной информации). Решение
Существует, но оно использует нестандартное СSS-свойство zoom. Просто добавьте
zoom: 1 к стилю тега <h1>:
h1 {
position: relative:
margin-top: 35рх:
padding-left: 55рх;
border-bottom: 1рх dashed #999999:
zoom: 1:
сов~------~--------------------------------------------
