float: не работает должным образом

Question

Вот ссылка: http://www.iancreates.com/3dbikefit/

Div .pod имеют следующий CSS:

.pod {
background-color: rgba(255, 255, 255, 0.898438);
border-bottom-right-radius: 15px 15px;
border-top-left-radius: 15px 15px;
color: black;
float: left;
font-size: 12px;
padding: 15px;
width: 270px;
}

Есть идеи?

Answer 1

Ширина вашего контейнера равна 550px, поэтому ваши контейнеры не поместятся. Ширина 270 + 15 + 15 = 300px ... так что в эти 550px может поместиться только 1.Скорее всего, вы хотите переместить его за пределы контейнера div.

Answer 2

Заполнение это ваша проблема. Контейнер, в котором они находятся, ограничен 550px. Вы добавили 15px слева и справа на ваши стручки. Это делает общую ширину каждого 300 пикселей. Поскольку они ограничены 550px, они складываются. Вам нужно уменьшить общую ширину + отступы на контейнерах или увеличить ширину контейнера.