Этот метод расширяет блок, выявляя его фон и границу. Вы можете указать
разрыв строки- <br> (HTML) или <br/> (XHTML)- и добавить к нему класс:
-<br cl ass = "cl ear" />.Затем создайте для него такой стиль:
br.clear { clear: both; }
Проблема, связанная с этим решением, заключается в добавлении дополнительного
Кода HTML.
О Сделайте перемещаемым элемеш-кошейнер. Более легкий путь состоит в том,
чтобы просто сделать перемещаемым тег <div>, который содержит плавающие
элементы. Перемещаемый контейнер <div> расширяется так, чтобы полностью
вмещать любые плавающие элементы. На рис. 12.9, вверху, тег <div>, содержащий
Заголовок и два плавающих столбца, перемещен в левую сторону страницы.
При необходимости вся его область- фон и границы- расширятся, чтобы
соответств·овать всему, что находится внутри, включая перемещаемые элемен-
ты. Это странно, но это так. ·
Если вы выбрали этот путь, убедитесь в том, что добавили свойство с l е а r к любому
Элементу, который следует за перемещаемым контейнером. Так вы гарантируете,
Что следующий элемент будет находиться под контейнером.
О Используйте свойство overflow:hidden. Другой распространенный метод состоит
в добавлении следующих двух свойств к стилю блока-контейнера:
overflow: hidden;
zoom: 1:
