.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?
