Clearfix a css

Sok webes tervezők hallottunk clearfix CSS. Clearfix - úszó eljárás megszakítja a műveletet szerkezetét nem változtatta meg a HTML-dokumentum. Ez a módszer Imposer néhány nagyon széles körben használják, ezért úgy döntöttem, hogy mondani róla ebben a cikkben.

Nézzünk egy példát:

Minden semmit, de a blokk „Oldal Basement” ugyanaz volt a kép jobb, hanem alatta. Mi a megoldás erre a problémára? Nyilvánvaló, hogy kéne egy újabb blokk, úszó megszüntetésével hatás:

Most minden a helyére kerül, de mi változott a szerkezet a HTML-kódot. hozzátéve egy furcsa üres blokk. Tehát clearfix elkerüli ezt. Nem blokk hozzá nem szükséges, de elég ahhoz, hogy írjon CSS-kód a következő:

#article: miután tartalom: "";
clear: both;
display: table;
>

pszeudoelem után lehetőséged van a képernyőn valamilyen tartalmat után annak tartalmát. Ez a tartalom határozza meg a tulajdon tartalmát. Csak ez a tartalom táblázatos elem és törölte úszó hatást.

Ez a módszer működik minden modern böngésző, így a határokon böngésző kompatibilitás.

Azt hozzátenném, hogy én már megszoktam, hogy adjunk egy blokk clear: both; HTML-ben. de hogy mutassam be clearfix CSS azt is szükségesnek tartja,.

Ajánlom ezt a cikket egy ismerősének:

Ha tetszett az oldal, a link meg (az oldalon, a fórum, a kapcsolatot)

Úgy néz ki, mint ez:

BB-kód hivatkozás az index (például akkor tedd az aláírás):