CSS-и блокҳо барои хосияти float

Хосияти float на танҳо ба тасвирҳо, балки ба ҳама блокҳои дигар низ истифода мешавад.

Биёед инро санҷем.

Бигзор моро блоки волидайн бо синфи parent бошад, ва дар дохили он матн ва блоки фарзанд бо синфи child бошанд. Ба ҳарду блок марз таъин шудааст, ва ба фарзанд инчунин паҳнӣ ва баландӣ дода шудааст:

<div class="parent">
	<div class="child"></div>
	some long text
</div>

.parent {
	border: 1px solid red;
	text-align: justify;
}
.child {
	width: 200px;
	height: 100px;
	border: 1px solid green;
}

Акнун ба фарзанд float-ро ба қимати left таъин мекунем - матн ба об кардани блоқи мо шурӯъ мекунад:

<div class="parent">
	<div class="child"></div>
	some long text
</div>

.parent {
	border: 1px solid red;
	text-align: justify;
}
.child {
	float: left;
	width: 200px;
	height: 100px;
	border: 1px solid green;
}

Саҳифаро ба ин намуна такрор кунед: