один тег <di v> и перемещая его влево. Затем внутри этого тега <di v> нужно переместять
Основное содержимое вправо, а левое боковое меню - влево (см. рис. 12.4,
впuзу). Вуаля! НТМL-код главного столбца идет перед остальными тегами <di v>.
Плавающие элементы внутри плавающих
Элементов
Нижняя разметка на рис. 12.4 иллюстрирует другую полезную методику - перемещение
Элементов внутри плавающих элементов. Предположим, что разделов
Главного содержимого (3) и левого бокового меню (4) не существует, а были
оставлены только «обертка~> столбца (2) и правое боковое меню (5). У вас будет
Просто базовый дизайн с двумя столбцами, где один столбец перемещен влево,
А другой - вправо. На самом деле это все еще дизайн с двумя столбцами, хотя два
раздела (3 и 4) помещены внутри «обертки~> столбца (2 ). Различие в том, что левый
Столбец сам разделен на два столбца.
Хотя эта разметка немного смущает, она бывает полезной во многих случаях.
Во-первых, она позволяет добавлять столбцы внутрь других столбцов. На разметке
На рис. 12.5, вверху, показан маленький блок для подсказок в среднем столбце,
Внутри которого также есть два столбца. Вкладывая одни плавающие элементы
Внутрь других, вы можете создавать достаточно сложные дизайны.
Вдобавок, когда у вас всего несколько плавающих элементов, в свою очередь