Vlastnosť float pre bloky v CSS
Vlastnosť float je použiteľná nielen
pre obrázky, ale pre akékoľvek iné bloky.
Poďme to overiť.
Predpokladajme, že máme nadradený blok s triedou parent,
vnútri ktorého je text a podradený blok
s triedou child. Obe bloky majú nastavený
rámik, a potomok má navyše šírku a výšku:
<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;
}
:
Teraz nastavme potomkovi float
na hodnotu left - text začne obtiekať
náš 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;
}
:
