плавает очистка, когда они не должны

Question

Может кто-нибудь сказать, пожалуйста, почему этот "третичный" div не работает корректно.Он должен находиться вверху страницы рядом с остальными, но это не так - я слишком долго искал код и просто не вижу проблемы!Пожалуйста, помогите !!

http://jsfiddle.net/jwoodcreative/k2gCQ/

ОБНОВЛЕНИЕ: Решено!Спасибо за комментарии, заставил меня осознать ошибку моего пути!

Answer 1

У вас есть ширина вашего основного, дополнительного и cta, установленного на 74%, что означает, что им просто не хватает места для того, чтобы они сидели рядом друг с другом. (74 + 74 + 74 - более 100% ширины, плюс вы указываете 2% поля). Измените 74% на 20%, и вы должны начать видеть более подходящее поведение.

Answer 2

Конечно !!! Я слишком много смотрел на это и не смог увидеть, что я плаваю 3 штуки на все 74%.

Вот чего я хотел добиться: http://jsfiddle.net/jwoodcreative/k2gCQ/1/

Мне просто нужно было обернуть все секции слева в один контейнер шириной 74%

Спасибо за комментарии!

Answer 3

К сожалению, вы ожидаете, что поплавки не будут работать. Когда у вас всплывут несколько элементов слева, как только один из них упадет ниже следующего в макете (потому что справа нет места), вы никогда не сможете заставить одного из своих братьев и сестер пройти выше это без дополнительного позиционного кода.

Поплавки выстраиваются слева направо, а не сверху вниз. Если вам нужен второй столбец, вы должны обернуть элементы div в контейнеры и сначала выровнять столбцы, а затем выровнять дочерние элементы столбца.

Answer 4

Плавание делает div'ы должны быть рядом друг с другом. Поскольку CTA не может быть рядом с основным (74 + 74> 100), он будет размещен в следующем ряду. То же самое касается второго. Поскольку третичный раздел подходит, он будет расположен на той же строке, что и последний, поскольку порядок элементов div не меняется.