Почему мои DIVs очищаются?

Question

Я обычно не публикую ссылку на свой сайт, когда задаю вопросы, хотя я не вижу другого способа обойти это. Заранее извиняюсь.

У меня проблемы с конкретной страницей. Страница состоит из членов команды, где каждый участник имеет свой собственный DIV (также каждый член команды по отдельности является отдельным постом в Wordpress).

По какой-то причине DIV, окружающие каждое сообщение, очищаются влево, но атрибуты очистки не назначаются!

Страница находится здесь: http://engineercreativity.com/samples/comsense/?page_id=15

Пожалуйста, если вы можете помочь, я хотел бы услышать любой вклад.

Большое спасибо! Amit

Answer 1

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

http://desandro.com/resources/jquery-masonry/

редактировать: ваши деления не очищаются слева, пожалуйста, посмотрите расчетный макет

пробел не из-за очистки div влево, пробел из-за высоты строки. Когда у вас есть два плавающих элемента в строке, тогда строка будет иметь высоту, равную большему элементу, поэтому, по сути, каждая строка будет иметь пробел ниже меньшего элемента div. Это похоже на таблицу HTML.

Answer 2

Исправление Акинатора у меня не работало в FF на Win XP.Если вы измените ваш float в классе "team-member" на float: left, это исправит это.Это вызвано тем, что ваше статическое изображение плавает влево, а остальные элементы div вокруг него плавают вправо.

Answer 3

Если я правильно понял ваш вопрос, у вас есть margin-bottom 15px в классе .team-member, это дает дополнительный пробел.

Должно быть установлено 0 (или не установлено)

Это то, что вы думаете?