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;
}

გაიმეორეთ გვერდი ამ მაგალითის მიხედვით: