У меня аналогичная проблема с CSS Auto Margin, выталкивающая другие элементы : правая плавающая боковая панель перемещается вниз под основным блоком неплавающего содержимого. В ответе предложены работы:просто измените порядок разметки и запишите div с плавающей запятой перед не-float div.
Например, этот:
fooburg content
test right
нужно неудобно переупорядочить как:
test right
fooburg content
Итак тогда почему это также работает без изменения порядка: Эластичный макет с максимальной шириной и минимальной шириной с использованием дизайна на основе сетки ? Посмотрите живую демонстрацию . Порядок разметки по-прежнему разумен: div с плавающей запятой записывается после div без поплавка. Тем не менее, float не выталкивается на страницу.
Я спрашиваю, потому что я бы предпочел не взламывать тему PHP (чтобы переупорядочить div), чтобы правильно ее стилизовать.
Другие сообщения, которые также говорят решение состоит в том, чтобы «переупорядочить ваши div»: