Egenskapen clear
Egenskapen clear opphever
flyt av ett element av andre,
satt av egenskapen float.
Kan ta følgende verdier:
none (opphever virkningen av seg selv),
both (opphever float samtidig fra høyre og venstre),
left (opphever float fra venstre), right (opphever
float fra høyre).
Syntaks
velger {
clear: none eller left eller right eller both
}
Eksempel
La oss oppheve flyt av bildet 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
Nå la oss oppheve flyt av bildet med tekst fra høyre:
<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
La oss oppheve virkningen av
egenskapen clear selv:
<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å
-
egenskapen
bottom,
som setter posisjonen til elementets nederste kant -
egenskapen
top,
som setter posisjonen til elementets øverste kant -
egenskapen
left,
som setter posisjonen til elementets venstre kant -
egenskapen
right,
som setter posisjonen til elementets høyre kant -
pseudoelementet
::backdrop,
som setter plassering etter første element -
egenskapen
caption-side,
som setter posisjonen til tabellens overskrift
