Не мог бы кто-нибудь рассказать мне, почему этот «филиальный» div не плавает правильно. Он должен сидеть в верхней части страницы рядом с остальными, но это не так - я слишком долго смотрел на код и просто не вижу проблемы! Пожалуйста помоги!!плавает, когда они не должны
http://jsfiddle.net/jwoodcreative/k2gCQ/
UPDATE: Решено! Спасибо за комментарии, заставило меня понять ошибку моих путей!
У вас есть ширина вашего основного, вторичного и cta равного 74%, а это значит, что для них достаточно места, чтобы сидеть рядом друг с другом. (74 + 74 + 74 - более 100%, плюс вы указываете 2% -ный запас). Измените 74% до 20%, и вы должны начать видеть более подходящее поведение.
Плавающий заставляет divs находиться рядом с eachother. Поскольку CTA не может быть рядом с основным (74 + 74> 100), он будет помещен в следующий ряд. То же самое касается второго. Поскольку третичный подход подходит, он будет помещен в ту же строку, что и последний, так как порядок divs не изменяется.
К сожалению, вы ожидаете, что не работает поплавок. Когда у вас есть несколько элементов, расположенных слева, как только один из них опустится ниже следующего в макете (потому что нет места справа), вы никогда не сможете заставить одного из своих братьев выйти выше он без дополнительного кода позиционирования.
Поплавки расположены слева направо, а не сверху вниз. Если вам нужен второй столбец, вы должны перенести свои div в контейнеры и сначала выровнять столбцы, а затем выровнять дочерние элементы столбца.
Конечно! Я слишком много смотрел на это и не видел, что я плаваю по 3 предмета на 74%.
Это то, что я хотел достичь: http://jsfiddle.net/jwoodcreative/k2gCQ/1/
Мне просто нужно, чтобы обернуть все разделы слева в один контейнер с шириной 74%
Спасибо за комментарии!
Примите одно из решений, чтобы мы могли быть вдохновлены так, чтобы отвечать на ваши будущие вопросы. :) –