Hvordan man fjerner flydende (Clearfix)

Lær hvordan man bruger clearfix teknik til at fjerne flydende.

clearfix teknik

Hvis et element er højere end det indeholdende element og er flydende, vil det oversvømme sin container.

Herefter kan vi tilføje overflow: auto; til indeholderen for at løse dette problem:

eksempel

.clearfix {
  overflow: auto;
}

Prøv selv

Så længe du kan kontrollere kantmargenen og indre kantmargen,overflow: auto; Fjernelse af flydende effekt er meget god (ellers kan du muligvis se en rullemarker).

Men den nye, moderne clearfix teknik er mere sikker at bruge, og de fleste websider bruger følgende kode:

eksempel

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

Prøv selv

Relaterte sider

Tutorial:CSS flytende