Обтекает основание бокового меню, как показано на рис. 12.16. Хоть это и типично
Для плавающих элементов, это не то, что нам нужно сейчас. Чтобы
Основной текст содержимого появился в виде отдельного столбца, следует
Добавить достаточное по размеру левое поле. Это позволит структурировать
Основной текст за пределами бокового меню.
4. Создайте стиль для второго столбца:
#main {
margin-left: 180рх:
Поскольку ширина бокового меню 160 пикселов, поле размером 180 пикселов
Отодвигает основное содержимое на дополнительные 20 пикселов, создавая
Промежуток между этими двумя столбцами. Это дополнительное пустое
Глава 12. Разметка страницы на основе nлавающих элементов
Рис. 12.16. Плавающий элемент в действительности не создает столбец на стран ице.
Он nросто смещает любое содержимое, которое обтекает его, до того места, где он заканчивается
(обведено кружком). После этого содержимое вновь nереходит на свое место nод элементом
место не только облегчает прочтение текста, но и улучшает внешний вид стра·
НИЦЫ .
Предварительно просмотрев страницу, вы увидите, что пришли к разметке
С двумя столбцами.
Добавление еще одного столбца
Как вы моrли видеть, дизайн с двумя столбцами создать несложно. Добавив третий
Столбец, вы сможете преподнести своим nосетителям еще большее количество