Вы добавляете HTML к файлу). HTML для плавающего элемента должен nоявиться
Перед HTML для элемента, который указывается вокруг него.
На рис. 12.2 nоказаны три варианта разметки с двумя столбцами. Диаграммы
на левой стороне nоказывают nорядок НТМL-кода страницы: теr <di v> для баннера,
за которым следует <div> для бокового меню, и, наконец, тег <div> для
Главного содержимого. Сnрава вы видите фактическую разметку страницы.
Боковое меню идет перед главным содержимым в HTML, так что оно может
Переместиться или влево (вверху и внизу), или вправо (посередине).
Глава 12. Разметка страницы на основе плавающих элементов 331
Порядок описания в HTML СSS-раэметка
. . - .
OJ
И боковое меню
Основное содержимое
ш · -- -. -
Боковое меню
Основное содержимое
О ложка
ш .·
Ю боковое меню
Основное содержимое
Width: 760рх
Рис. 1 :Z.:Z. Соэдание разметки с двумя столбцами - лишь воnрос перемещениR тега <div> влево
(вверху). Чтобы заставить боковое меню переместитьсR в правую сторону страницы (посередине),
Просто измените (55-стиль бокового меню на float: right
Глава 12. Разметка страницы на основе nлавающих элементов
Установите ширину для плавающего бокового меню. Всегда задавайте плавающим
Элементам ширину. Таким образом вы позволите браузеру создать
