Float:left не работает. Почему?

Question

[JackShcherbakov]

Здравствуйте!

Есть 2 блока с float: left и float: right. У обоих задана ширина. Но почему-то если отзмутить страницу на 90% (лично у меня на 90%, возможно у кого-то баг проявится и при другом зуме), то первый блок перемещается вправо, вследствие чего у второго блока нет места и он улетает под первый блок. Выглядит это все вот так:



ссылка на страницу: websitebuilder.su/workfox/orders.php

Заранее выражаю огромную благодарность всем, кто поможет!

Answer 1

[Ankhena]

Очевидно, так происходит, потому что блоки перестают помещаться в родительскую ширину.
Используйте для сеток флексы, флоаты не для этого придуманы.

Comments

[JackShcherbakov]

Даже если уменьшить ширину, первый блок все-равно смещен вправо.

[Ankhena]

JackShcherbakov, было бы здорово, если бы вы поделились от чего он смещен вправо и как должен быть размещен.
С другой стороны, без разницы, не стоит тратить время на выяснение что из внутренностей блоков там торчит и какие вертикальные отступы мешают.

Просто используйте flex.

[JackShcherbakov]

Ankhena, я просто сам не понимаю почему он смещен. Я по консоли по всем внутренним элементам пробежался - ничего не торчит.

[JackShcherbakov]

Ankhena, я даже удалил все внутренние элементы у этих блоков - все равно смещение

[JackShcherbakov]

Ankhena, проблему нашел. Дело в логотипе в header. Неожиданно)

[Ankhena]

JackShcherbakov, развлекитесь-удивитесь - поудаляйте header ;)