проблемы с CSS и фоновым изображением

Question

У меня есть контейнер с высотой 100%, поэтому высота будет динамически изменяться на текст внутри контейнера.

в любом случае, у контейнера есть фон с пользовательским изображением (используя background-image).

теперь, когда я создаю

с {float: left; width: 100px; height: 100%;}, заданный в моем контейнере фон не отображается на div.

но если я удаляю float: left, фон все равно появляется

есть идеи, в чем может быть проблема?

Answer 1

Чтобы исправить это, добавьте следующее, как вы упоминаете, к элементу контейнера.

overflow: hidden;

Если вы все еще видите эту проблему в IE6 / 7, вам нужно будет применить hasLayout, это делается путем добавления этого к элементу контейнера.

zoom: 1;

Надеюсь, что дополнение IE6 / 7 поможет вам.

Answer 2

Я сделал это.

Решение было добавить

overflow:hidden;

до контейнера div.

Answer 3

Это немного неясно из вашего вопроса, но я предполагаю, что плавающий div это отдельный div внутри контейнера div? По умолчанию перемещаемый элемент не «содержится» в контейнере. Именно так должны вести себя поплавки. Если вы поставите «переполнение: авто;» тогда на контейнере div вы, как правило, получите желаемое поведение, но прочитайте более подробное обсуждение этой темы здесь: