Уласцівасць float

Уласцівасць float - задае плаваючыя блокі, якія будуць абцякаць тэкстам. Уласцівасць float часам усяго выкарыстоўваецца сумесна з уласцівасцю clear, якая адмяняе абцяканне элемента.

Хоць першапачаткова float быў прыдуманы для ўстаўкі абцякальных блокаў у тэкст, у цяперашні час ён выкарыстоўваецца вельмі шырока і нестандартным чынам для пабудовы макетаў.

Сінтаксіс

cssселектар {
  float: left | right | none;
}

cssселектар {
  clear: both | left | right | none;
}

Значэнні для float

Значэнне	Апісанне
`left`	Блок будзе плаваць злева, а тэкст будзе абцякаць яго справа.
`right`	Блок будзе плаваць справа, а тэкст будзе абцякаць яго злева.
`none`	Абцякання няма.

Значэнне па змаўчанні: none.

Значэнні для clear

Значэнне	Апісанне
`left`	Адмяняе абцяканне злева.
`right`	Адмяняе абцяканне справа.
`both`	Адмяняе абцяканне і злева, і справа.
`none`	Адмены абцякання няма.

Значэнне па змаўчанні: none.

Прыклад

Выкарыстоўваем float нестандартным чынам, поставіўшы пункты спісу ў лінію:

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

Глядзіце таксама

уласцівасць clear,
якая адмяняе float для вышэйстаячых элементаў