CSSda bloklar uchun float xususiyati
float xususiyati nafaqat
rasmlarga, balki boshqa har qanday bloklarga ham qoʻllaniladi.
Buni tekshiramiz.
Faraz qilaylik, bizda parent klassli ota-blok bor,
uning ichida matn va child klassli bola-blok
mavjud. Ikkala blokga ham chegara qoʻyilgan, bolaga esa kenglik va balandlik ham berilgan:
<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;
}
:
Endi bolaga float xususiyatini
left qiymatiga oʻrnatamiz - matn bizning blokni oʻrab chiqadi:
<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;
}
:
