CSS blokų float savybė
float savybė taikoma ne tik
vaizdams, bet ir bet kokiems kitiems blokams.
Patikrinkime tai.
Tarkime, kad turime tėvinį bloką su klase parent,
o jame yra tekstas ir vaikinis blokas
su klase child. Abu blokai turi
apibrėžtą rėmą, o vaikiniam blokui dar ir plotį su aukščiu:
<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;
}
:
Dabar nustatykime vaikiniam blokui float
reikšmę left - tekstas pradės tekėti aplink
mūsų bloką:
<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;
}
:
