Пример
Элемент <p> помещается под левыми плавающими элементами (элемент <p> не допускает плавающих элементов с левой стороны):
img
{
float: left;
}
p.clear
{
clear: left;
}
Попробуйте сами »
Определение clear
CSS свойство clear управляет потоком рядом с плавающими элементами.
CSS свойство clear определяет, что должно произойти с элементом, который находится рядом с плавающим элементом.
Совет: Также смотрите CSS свойство float.
| Значение по умолчанию: | none |
|---|---|
| Унаследовано: | no |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.clear="both" Попробуй |
Поддержка clear
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Синтаксис clear
clear: none|left|right|both|initial|inherit;
Значения clear
| Значение | Описание | Демонстрация |
|---|---|---|
| none | По умолчанию. Элемент не перемещается ниже левого или правого плавающих элементов | Демо ❯ |
| left | Элемент помещается под левыми плавающими элементами | Демо ❯ |
| right | Элемент помещается под правыми плавающими элементами | Демо ❯ |
| both | Элемент помещается как под левым, так и под правым плавающими элементами | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме clear
CSS Учебник: CSS Поплавок
HTML DOM справочник: clear свойство