Sifa ya float

Sifa float - inabainisha vitalu vinavyoelea, ambavyo maandishi yatazunguka. Sifa float wakati mwingine hutumiwa pamoja na sifa clear, ambayo inabatilisha mzunguko wa kipengele.

Ingawa awali float ilibuniwa kwa ajili ya kuingiza vitalu vinavyozungukwa na maandishi katika maandishi, kwa sasa inatumika sana na kwa njia yasiyo ya kawaida kwa uundaji wa miundo.

Syntax

kichaguzi {
	float: left | right | none;
}

kichaguzi {
	clear: both | left | right | none;
}

Thamani za float

Thamani	Maelezo
`left`	Kitu kitaelea kushoto, na maandishi yatazunguka kulia.
`right`	Kitu kitaelea kulia, na maandishi yatazunguka kushoto.
`none`	Hakuna mzunguko.

Thamani chaguomsingi: none.

Thamani za clear

Thamani	Maelezo
`left`	Inabatilisha mzunguko kutoka kushoto.
`right`	Inabatilisha mzunguko kutoka kulia.
`both`	Inabatilisha mzunguko kutoka kushoto na kulia.
`none`	Hakuna batio la mzunguko.

Thamani chaguomsingi: none.

Mfano

Tumia float kwa njia yasiyo ya kawaida, kuweka vipengele vya orodha kwenye mstari mmoja:

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

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

Angalia pia

sifa clear,
inayobatilisha float kwa vipengele vilivyo juu