CSS-da float xususiyati va bir nechta bloklar
Endi HTML kodida bitta emas, balki ikkita
div-voris bo'lsin va ikkalasiga ham float
qiymati left berilgan bo'lsin. Keling,
nima bo'lishini ko'ramiz:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Shunday qilib, ko'rib turganimizdek, ikkita blok-voris qatorga joylashdi, va HTML kodida birinchi bo'lgan blok chap tomonda joylashadi.
Keling endi left qiymati o'rniga
right qiymatini yozaylik. Bu holda
bloklar o'ng tomonda suzadi, va ularning tartibi
HTML kodidagi tartibga nisbatan teskari bo'ladi:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: right;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
