Доnустим, вы создали веб-страницу, в которой имеется тег заголовка <hl>, а за ним идет тег абзаца
<р>. Внутри <р> вы вставили фотографию с помощью тега <img>. Теnерь, если вы установитевыравнивание
фотографии по правому краю, заголовок <hl > и часть содержимого абзаца <р>
будут nо-прежнему отображены над фотографией. Только содержимое, следующее за тегом <img>,
Будет обтекать изображение с левой стороны.
Фон, границы и плавающие элементы
К недовольству многих веб-дизайнеров, фон и границы не переносятся таким же
Образом, как другие элементы веб-страницы. Допустим, у вас есть боковое меню,
Примыкающее к правому краю веб-страницы. Содержимое страницы, расположенное
Под ним, как ему и положено, приподнимается выше и обтекает меню.
Однако если у этого содержимого есть фоновые параметры или границы, они
Отображаются, фактически проступая под боковым меню (рис. 7.12, слева). По сути,
Браузер окружает плавающий элемент только текстом, но не границами или фоном.
Как это ни удивительно, но именно так работает механизм обтекания. Возможно,
Вы не будете следовать этим правилам, а захотите, чтобы границы, фоновый цвет
Или рисунок не отображались при достижении плавающего элемента (см. рис. 7.12,
