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 пиксель, она по-прежнему выглядит что вы видите в примере выше для min-height в 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

не так, как вы пытаетесь сделать что-нибудь слишком сумасшедший ..

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

Являются ли элементы в этом div плавающими? может быть, вам нужно очистить поплавки в конце этого списка ..

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

---

коллапсирующего ДИВ обычно происходит из-за неправильно очистив перед закрытием контейнера.

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

Answer 3

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

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

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