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

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

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

Сінтаксіс

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

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

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

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

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

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

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

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

Прыклад

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

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

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

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

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