Float касиети жана CSS'те бир нече блоктор
Эми HTML коддо бир эмес, эки див-балага болсун жана экөөнө тең float
касиети left маанисинде берилсин. Келгиле, эмне болорун көрөлү:
<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;
}
:
Ошентип, көрүнүп тургандай, эки бала-блок катарына тизилишти, жана HTML коддогу биринчи блок сол жакта жайгашат.
Эми left маанисинин ордуна right маанисин жазалы.
Бул учурда блоктор оң жакта сүзөт, жана алардын ирети
HTML коддогу иретке караганда тескери болуп өзгөрөт:
<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;
}
:
