в подразделе 4:Использование СSS-позиционирования для разметки страницы•
разд. 4Мощные стратегии позиционирования~ этой главы).
Создайте стиль для левого бокового меню, поместив CSS-код под стилем, который
вы создали в шаге 1:
#sidebar {
position: absolute:
Этот стиль убирает боковое меню из нормального потока страницы, но еще
Нигде ие размещает его. Оно по-прежнему находится около нижнего края страницы,
Но если вы посмотрите на меню в браузере, то увидите, что оно расположено
Поверх рекламных объявлений. Чтобы разместить его, используйте свойства
Top и l eft.
3. Добавьте свойства top и l eft к стилю, который вы только что создали:
#sidebar {
position: absolute:
top: lSpx:
left: О:
Поскольку это боковое меню размещается относительно тега <di v> с содержимым,
Свойство l eft, равйое О, сдвигает меню к левому краю. Значение top определяется
Методом проб и ошибок. Если установить для свойства top значение О,
То боковое меню будет касаться основания навигационной панели; 15 пикселов
Пустого места сделают так, что боковое меню станет больше соответствовать
Краткой сводке новостей.
Обучающий урок: позиционирование элементов страницы 413
Мы упустили одну вещь: для меню нужно определить ширину, так как на данный
Момент оно растягивается почти через вс19 страницу, перекрывая практически
