CSS-те блоктер үшін float қасиеті
float қасиеті тек суреттерге ғана емес,
сонымен қатар кез келген басқа блоктарға да қолданылады.
Мұны тексерейік.
Бізде parent класы бар ата-блок болсын,
ол ішінде мәтін және child класы бар
бала-блок орналасқан. Екі блокқа да шекара белгіленген,
ал бала-блокқа ені мен биіктігі де берілген:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Енді бала-блокқа float қасиетін
left мәніне орнатайық - мәтін біздің блокты
ағыза бастайды:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
