Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, należy posłużyć się stylem CSS:
Źle.
clear: both wyłącza opływanie, więc elementy nie staną obok siebie; height nie ustawia szerokości.Źle.
float: right mogłoby układać obok siebie, ale podano height zamiast width - brak kontroli szerokości kolumn.Dobrze.
float: left ustawia kolumny obok siebie, a width: 33% daje trzy równe kolumny.Źle.
float: left jest dobre, lecz width: 40% jest za duże - trzy kolumny po 40% nie zmieszczą się w jednym rzędzie.Aby ustawić trzy kolumny obok siebie metodą opływania, każdej nadaje się
float: left oraz szerokość około jednej trzeciej kontenera, czyli width: 33%. Dzięki float elementy blokowe układają się w jednym rzędzie zamiast jeden pod drugim, a szerokość 33% sprawia, że trzy kolumny wypełniają całą szerokość. Dlatego poprawny jest styl .kolumny { float: left; width: 33%; }.Pozostałe style nie dadzą trzech równych kolumn obok siebie. Wariant z
clear: both wręcz wyłącza opływanie, więc bloki ustawią się jeden pod drugim, a height: 33% steruje wysokością, nie szerokością. Wariant z float: right co prawda układałby elementy w rzędzie, ale również podaje height zamiast width, więc nie kontroluje szerokości kolumn. Ostatni ma poprawny float: left, lecz width: 40% jest za duże - trzy kolumny po 40% przekraczają 100% szerokości i ostatnia spadnie do następnego rzędu. Trzy równe kolumny daje float: left z width: 33%.