Egenskaben clear
Egenskaben clear annullerer
omflydning af et element af andre,
som er angivet af egenskaben float.
Kan tage følgende værdier:
none (annullerer sin egen handling),
both (annullerer float samtidigt fra højre og venstre),
left (annullerer float fra venstre), right (annullerer
float fra højre).
Syntaks
selektor {
clear: none eller left eller right eller both
}
Eksempel
Lad os annullere omflydning af billedet med tekst fra venstre:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
Eksempel
Lad os nu annullere omflydning af billedet med tekst fra højre:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
Eksempel
Lad os annullere handlingen af selve
egenskaben clear:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
Se også
-
egenskaben
bottom,
som angiver positionen af elementets nederste kant -
egenskaben
top,
som angiver positionen af elementets øverste kant -
egenskaben
left,
som angiver positionen af elementets venstre kant -
egenskaben
right,
som angiver positionen af elementets højre kant -
pseudoelementet
::backdrop,
som angiver placering efter det første element -
egenskaben
caption-side,
som angiver positionen af tabellens overskrift
