Aby przygotować układ strony z trzema kolumnami ustawionymi obok siebie, można posłużyć się stylem CSS:
Dobrze.
float: left ustawia kolumny obok siebie, a width: 33% daje trzy równe kolumny.Źle.
height: 33% ustawia wysokość, nie szerokość - kolumny nie ułożą się równo obok siebie.Źle.
float: left jest dobre, ale width: 40% daje za szerokie kolumny - trzy się nie zmieszczą w jednym rzędzie.Źle.
clear: both wyłącza opływanie (float), więc elementy nie staną obok siebie.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 z float: left i width: 33%.Pozostałe style nie dadzą trzech równych kolumn obok siebie. Wariant z
float: right i height: 33% steruje wysokością, a nie szerokością elementów - a to szerokość decyduje o tym, ile kolumn zmieści się w rzędzie. Styl z clear: both wręcz wyłącza opływanie, więc elementy zostaną ustawione jeden pod drugim, zamiast obok siebie. Ostatni jest bliski poprawnemu (ma float: left), ale 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%.