Egenskapen float för block i CSS
Egenskapen float är inte bara tillämplig
på bilder, utan på alla andra block också.
Låt oss kolla detta.
Låt oss säga att vi har ett föräldrablock med klassen parent,
och inuti det finns text och ett underordnat block
med klassen child. Båda blocken har en
ram, och underordnat block har också en bredd och höjd:
<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;
}
:
Låt oss nu sätta float för det underordnade blocket
till värdet left - texten kommer att börja flyta runt
vårt block:
<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;
}
:
