Ли обнимает плавающее изображение

Question

Я загрузил следующую страницу, чтобы вам было легче помогать мне: http://www.rebuslondon.com/GEBROCHUREcopy.html Не используйте Internet Explorer, так как я не оптимизировал страницу для этого.

Как видите, есть 4 изображения: три оранжевых и одно желтое. В то время как оранжевые элементы просто встроены в родительский элемент, желтый всплывает так, что он будет прилипать к правому краю родителя при увеличении окна браузера. Это работает хорошо, но когда окно сужено (например, 1024*768), это создает зазор под плавающим изображением.

Есть ли способ, чтобы этот пробел исчез? Я думаю, что лучший способ понять проблему заключается в изменении размера окна браузера. Вы заметите, что чем уже окно, тем больше будет зазор.

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

Answer 1

Просто удалите clear оба из вашего содержимого. Css line 90

#portfolio #container > ul.projFlow li.floated + li {
clear: both;
}

Просто удалите это полностью, и все будет хорошо.

Answer 2

Проблема в том, что вы добавили ясно: оба в li сразу после li.right. Если вы удалите это правило, оно будет отображаться нормально.

#portfolio #container > ul.projFlow li.floated + li {
    clear: both;
}