CSS-тегінің float қасиеті және бірнеше блоктар
Енді 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;
}
:
