Второе плавающее отделение в хроме очищается вниз перед первым отделением

Мне удалось обойти эту проблему, не используя перья / раскадровки, а верстку, сделанную программно.

13
задан mskfisher 13 July 2012 в 12:09
поделиться

4 ответа

  1. HTML и CSS были бы полезны, чтобы ответить на этот вопрос.

  2. Если у вас всего два блока div и вы хотите, чтобы они располагались рядом друг с другом, установите ширину каждого из них и один плавает влево, а другой вправо. Не забудьте оставить некоторое пространство между ними.

8
ответ дан 1 December 2019 в 22:08
поделиться

Как насчет настройки display: inline-block и ширины для обоих div?

РЕДАКТИРОВАТЬ: Установка максимальной ширины% 50 для каждого из них будет работать во всех браузерах, кроме IE6, при условии, что не установлены поля / поля.

0
ответ дан 1 December 2019 в 22:08
поделиться
  1. Без примера кода это просто предположение

  2. Я не уверен как работает Chrome, но я знаю, что IE рекламирует свои собственные стили. Вы использовали сброс css? большинство проблем с кроссбраузерностью можно исправить.

  3. Похоже, общая ширина двух плавающих блоков div превышает ширину оболочки. Попробуйте установить ширину оболочки на 100% или без ширины ... или уменьшить ширину двух плавающих div.

  4. Есть ли у вас какие-либо свойства стиля display: inline, block и т. Д., Установленные для любого из этих div?

0
ответ дан 1 December 2019 в 22:08
поделиться

Я столкнулся с той же проблемой. Chrome неправильно отображает div с плавающей точкой. Блок отображается под первым. Не то, что я ожидал. Решение простое! Окружите оба блока div , чтобы не было никаких других сестринских блоков внутри .

0
ответ дан 1 December 2019 в 22:08
поделиться