Nostrud exe.rc1 ta:ticm loЬottls ntsl ut
Рмс. 12.21. Обычно раэмещение плавающих элементов полностью зависит от их порядка
В НТМL-коде. Главное содержимое (слева) идет первым, поэтому оно не nоявляется между
Двумя боковыми меню. Но вы можете иэменить это, исnольэуя отрицательные поля
4. В стиле #main добавьте свойство margin- left: lбОрх:
#mai n {
fl oat : left;
width: 419рх ;
margin·left: lбОрх:
paddi ng-l eft : lOpx;
border-1eft: l px dashed #999999 ;
Возвращаясь к шагу 3, мы видим, что навигационная паиель (которая, как пред·
Полагается, будет крайним левым столбцом) имеет ширину 160 пикселов, столько
Же вы использовали для левого поля. Отодвигая раздел main (главную область)
На 160 пиксело в, вы освобождаете место для навигационной панели.
5. Добавьте отрицательное левое поле к стилю #nav следующим образом:
#nav {
float : left :
wi dth : 1 бОрх·;
marg;n-left: - 590рх:
Почему выбрано такое значение, как -590 пикселов? В настоящий момент разделы
Nav и ma i n выровнены по левому краю. Однако, поскольку НТМL-код для
Обучающий урок 2: разметка с отрицательными nолями 373
Навигационной паиели идет после кода главного содержимого, она может быть
Перемещена влево настолько, насколько будет смещен вправо раздел ma i n. Чтобы
Навигационное меню достигло левого края страницы, оно должно полностью
