Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Jaka metoda "clearfix" najlepsza? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jaka metoda "clearfix" najlepsza? (/thread-jaka-metoda-clearfix-najlepsza)



Jaka metoda "clearfix" najlepsza? - Moody - 30-10-2013

Tak jak w temacie interesue mnie, która z metod clearfix jest najlepsza. Może sa jakieś prawidła, które mówią, że używamy tej, bo tak i tak.

claer:both
overflow:auto
overflow:hidden

czy są jeszcze jakieś?


RE: Jaka metoda "clearfix" najlepsza? - Kartofelek - 30-10-2013

clear:both - wymaga dodatkowego elementu. Nie praktyczne
overflow:auto - nie stosowałem, więc się nie wypowiem. Ale czy to aby zadziała?
overflow:hidden - najprostsze, ale i niebezpieczne. Szczególnie np gdy w danym kontenerze ma się coś rozwijać itp (np podmenu, stylowane selekty itp).

Najlepsza metoda?
ja uzywam ukradzionej z boilerplate html5:

Kod:
.clearfix:before, .clearfix:after {content: ""; display: table;}
    .clearfix:after {clear: both;}
    .clearfix {zoom: 1;}

Kod:
<div class="super-pies clearfix">
         <div style="float:left; height:100px;"></div>
         <div style="float:left; height:200px;"></div>
</div>



RE: Jaka metoda "clearfix" najlepsza? - Kartofelek - 31-10-2013

To akurat wiedziałem, po prostu nie stosowałem nigdy tej metody do naprawy floatów.