Уласцівасць 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;
}
:
