Рубрика: Веб-разработка » CSS »

Управление обтеканием

float

Задает обтекание
Не наследуется
Применяется ко всем элементам кроме позиционированных

Может принимать значения

left - Выравнивает элемент по левому краю, последующие элементы огибают его справа.
right - Выравнивает элемент по правому краю, последующие элементы огибают его слева.
none - Обтекание элемента не задано.

clear

Отменяет обтекание
Не наследуется
Применяется к блочным и плавающим элементам
Если установлено обтекание с помощью float, отменяет его действие.

Может принимать значения

both - Отменяет обтекание элемента одновременно с правого и левого края.
left - Отменяет обтекание с левого края. Последующие элементы будут располагаться под текущим элементом.
right - Отменяет обтекание с правой стороны.
none (применяется по умолчанию) - Отменяет действие clear, и обтекание выполняется так, как задано с помощью float или других настроек.

Если в посте WordPress используются теги <div> или вставлены изображения из библиотеки WordPress, для того чтобы остальные элементы страницы "не перекосило", в конце поста может потребоваться отменить применяемое обтекание, добавив пустой тег (без содержимого)
<div style="clear:both">&nbsp;</div>
или
<div class="clearfix">&nbsp;</div>

класс "clearfix" определен в файле style.css:
div.clearfix{ clear: both }

Опубликовано в рубрике CSS | с метками . |

Еще записи