у т~га есть фоновый цвет или граница. В веб-странице на рис. 12.8 есть тег <div>,
в котором определены тег <hl> и два столбца, созданные перемещаемыми. Фон играница,
Которые появляются только вокруг заголовка, в действительности применяются
ко всему тегу <di v>, включая область с двумя столбцами . Однако, поскольку
Глава 12. РаЗметка страницы на основе плавающих элементов
Столбцы перемещаемые, они выходят за пределы основания блока вместо того,
Чтобы расширять границы области .
Пример подобной проблемы показан на рис. 12.8, внизу. В этом случае каждое
изображение перемещено влево внутри содержащего тега <div>, в котором задана
Граница. Поскольку изображения выше, чем их блоки, они выходят за пределы
Оснований блоков. К сожалению, этот пример еще хуже, чем предыдущий, потому
Что каждый рисунок заставляет нижнее изображение перемещаться вправо, создавая
«ступенчатый~ эффект.
) Contdннng Flo~ts /.\ozilla f ~refox ;~-;:с, ,-Х
Bathtub H_ydroponics Ti~
& Watch the Water Leve) __
Lorem ipsum dolor sit amet,
Consectetuer adipisdng elit, sed diam
Nonummy niЬh euismod tinddunt ut
Laoreet dolore magna aliquam erat
Volutpat. Ut wisi enim ad minim
Veniam, quis nostrud exerd tэtion
Ullamcorper susdpit lobortis nisl ut
Aliquip ех еа commodo consequat.
