Który styl ustawi trzy kolumny OBOK siebie (każda na 1/3 szerokości)?
Źle.
clear: both przerywa oblewanie - bloki nie staną obok siebie.Dobrze.
float: left zestawia bloki obok siebie, width: 33% daje trzy kolumny.Źle. 3 × 40% = 120% - nie zmieszczą się w jednym wierszu.
Źle. Ustawia WYSOKOŚĆ, nie szerokość kolumn.
Trzy kolumny obok siebie powstają, gdy każdy blok „pływa” w lewo i zajmuje jedną trzecią szerokości:
.kolumny { float: left; width: 33%; }. Kluczowe są float (układ poziomy) i width (szerokość). Dlatego poprawny jest zapis z float: left i width: 33%.Do układu trzech kolumn potrzebna jest SZEROKOŚĆ, a nie wysokość - warianty z
height: 33% nie zwężą kolumn. clear: both przerywa opływanie, więc bloki nie staną obok siebie. width: 40% jest za szerokie na trzy kolumny (3 × 40% > 100%). Poprawny jest .kolumny { float: left; width: 33%; }.