Hopp til innholdet

cjohansen.no

.clearfix ikke lengre nødvendig?

I forbindelse med mitt innlegg om IE8 lette jeg opp litt informasjon om .clearfix som jeg bruker på så å si alt jeg gjør. Jeg snublet over en artikkel som tilsier at jeg ikke trenger denne. Fra 2005.

Sitepoint to the rescue

En kommentar på toppen av den opprinnelige artikkelen (lagt til i mars i år) lenker til en Sitepoint-artikkel som viser en langt enklere måte å cleare floats på.

Fiksen er relativt enkel, i stedet for: 

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

kan man gjøre: 

.clearfix { overflow: auto; }

Hmm. Snedig.

Jeg har testet dette litt, og det ser ut til å fungere i mange tilfeller, noe som åpner for å rydde bort " clear" mange steder i HTML-en.

Google skulle tilsi at dette fortsatt er en relativt godt bevart hemmelighet, men PPK har litt info om løsningen.

Noen andre som har erfaring med denne?

Publisert 11. april 2008 under css og teknikker.

Muligens relatert

2006 - 2012 Christian Johansen Creative Commons Lisens