Sifa clear

Sifa clear inafuta mtiririko wa kipengele kimoja na kingine, uliobainishwa na sifa float. Inaweza kukubali maadili yafuatayo: none (inafuta utendakazi wake mwenyewe), both (inafuta float wakati huo huo kulia na kushoto), left (inafuta float kushoto), right (inafuta float kulia).

Kiufundi

kichagua {
	clear: none au left au right au both
}

Mfano

Wacha tufute mtiririko wa picha na maandishi upande wa kushoto:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
	</p>
</div>

.image {
	float: left;
	padding-right: 10px;
}
.txt {
	clear: left;
}

Mfano

Sasa wacha tufute mtiririko wa picha na maandishi upande wa kulia:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: right;
}

Mfano

Wacha tufute utendakazi wa sifa yenyewe clear:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
		maandishi maandishi maandishi maandishi maandishi maandishi
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: none;
}

Angalia pia

sifa bottom,
ambayo huweka nafasi ya makali ya chini ya kipengele
sifa top,
ambayo huweka nafasi ya makali ya juu ya kipengele
sifa left,
ambayo huweka nafasi ya makali ya kushoto ya kipengele
sifa right,
ambayo huweka nafasi ya makali ya kulia ya kipengele
pseudoelement ::backdrop,
ambayo huweka nafasi baada ya kipengele cha kwanza
sifa caption-side,
ambayo huweka nafasi ya kichwa cha jedwali