Die float Eienskap vir Blokke in CSS
Die eienskap float is nie net van toepassing
op beelde nie, maar ook op enige ander blokke.
Kom ons toets dit.
Laat ons 'n ouerblok met klas parent hê,
met binne-in dit teks en 'n kindblok
met klas child. Albei blokke het 'n
grens, en die kind het ook breedte en hoogte:
<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;
}
:
Laat ons nou vir die kind float
stel na waarde left - die teks sal ons blok begin vloei:
<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;
}
:
