CSS bloku float īpašība
Īpašība float ir piemērojama ne tikai
attēliem, bet arī jebkuriem citiem blokiem.
Pārbaudīsim to.
Pieņemsim, ka mums ir vecāka bloks ar klasi parent,
un tajā atrodas teksts un pēctecis bloks
ar klasi child. Abiem blokiem ir iestatīts
apmale, bet pēctecim papildus arī platums un augstums:
<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;
}
:
Tagad pēctecim iestatīsim float
uz vērtību left - teksts sāks plūst
ap mūsu bloku:
<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;
}
:
