CSS-də float xüsusiyyəti və bir neçə blok
Indi HTML kodunda bir deyil, iki div var və hər ikisinə
float xüsusiyyəti left dəyəri ilə təyin olunub. Gəlin nə baş verdiyini görək:
<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;
}
:
Beləliklə, gördüyümüz kimi, iki blok yan-yana düzüldü, və HTML kodunda birinci olan blok solda yerləşəcək.
İndi isə left dəyəri əvəzinə right
dəyərini yazaq. Bu halda bloklar sağ tərəfə doğru üzəcək,
və onların sırası HTML kodundakı sıraya nisbətən tərsinə çevriləcək:
<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;
}
:
