Высота CSS 100% в IE7

Question

У меня сложный макет на моем сайте, и теперь у меня проблема с IE7. Как я могу в этом примере установить внутреннюю обертку, чтобы заполнить высоту внешней обертки?

http://jsfiddle.net/fMPNw/2/

Answer 1

Вы должны явно определить высоту .wrapper, в этой ситуации.Тем не менее, если ваши атрибуты top: и bottom: сделают высоту динамической, ваше единственное решение - сброс высоты с помощью JavaScript, привязка высоты для обновления при изменении размера окна и т. Д.

Answer 2

Мне удалось правильно расположить .wrapper2, сделав его абсолютно позиционированным. Используя следующие 2 строки CSS, ширина исправляет проблему ширины, вызванную абсолютным позиционированием.

position:absolute;
width:100%;

Конечный результат:

.wrapper{
    position: absolute;
    top: 310px;
    bottom: 130px;
    border: 1px solid red;
    width: 100px;
}
.wrapper2{
    border: 1px solid blue;
    height: 100%;
    width:100%;
    position:absolute;
}