Проблема переполнения CSS в IE7

Question

Так что в IE8 и выше вместе с другими браузерами, такими как Firefox, чтобы что-то вроде div увеличивалось, когда в div автоматически появляются данные, я делаю что-то вроде этого:

.example {
min-height:1px;
overflow:hidden;
}

Но в IE7 содержимое внутри div не заполняется. Ниже приведен пример:

Итак, я решил исправить проблему IE7 так:

.example {
min-height:1px;
overflow:hidden;
}

* html .example {
height:1px;
overflow:visible;
}

Но в IE7 он будет отображать только высоту в 1 пиксель, он по-прежнему будет выглядеть так, как показано в примере выше для минимальной высоты в IE7. Итак, как я могу, кросс-браузеры, сделать так, чтобы содержимое внутри чего-то вроде div автоматически заполнялось содержимым внутри div, как для min-height в IE8 выше?

Answer 1

min-height глючит в IE7. Быстрое исправление:

.example {
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

В любом случае, я не знаю, зачем вам нужно min-height ... Проблема в том, что overflow: hidden не будет работать в IE7, если родительский контейнер не имеет position: relative.

Answer 2

Вы неправильно определяете вещи.IE7 не поддерживает минимальную высоту, но есть взлом для IE.проверьте эти ссылки

http://css -tricks.com / snippets / css / cross-browser-min-height / ,

http://www.dustindiaz.com/min-height-fast-hack/

Answer 3

Не похоже, что вы пытаетесь сделать что-то слишком сумасшедшее ..

Является ли минимальная высота 1px, чтобы она скрывалась, если нет контента?Или это какой-то трюк?

Элементы в этом диве плавают?возможно, вам нужно очистить float в конце этого списка ..

Не похоже, что вам нужно устанавливать переполнение для меня ..

---

Разрушающиеся divобычно происходит из-за неправильной очистки перед закрытием контейнера.

<div class="example">
     <stuff style="float:left;">blah</stuff>
     <div style="clear:both;"><!-- --></div>
</div>