высота: 100% внутри другого div с неизвестной высотой в IE6

Question

У меня есть простая HTML-разметка:

<div style="position:relative; width:200px">
   <div style="position:absolute; top:0; left:0; background-color:red; z-index:-1; width:100%; height: 100%"></div>
   Some text goes here....
</div>

Примерно так работает во всех браузерах, кроме IE6.По мере добавления текста верхний элемент div растягивается и абсолютно позиционный элемент div также растягивается.Но в IE6 div с абсолютным положением всегда будет иметь высоту всего 1 строку.Я знаю, что IE6 не может динамически пересчитать размеры, и поэтому вам нужно установить высоту: 100% для тега body, если вы когда-либо захотите использовать высоту: 100% в любом месте на странице, но в этом случае я могуt set height: 100% для внешнего div, так как я хочу, чтобы он был как раз подходящего размера для текста внутри него.Любая помощь?

Answer 1

Это известная ошибка в IE6, но, судя по всему, я не могу вспомнить решение.Я посмотрю это вверх, но в верхней части моей головы, попробуйте добавить 'line-height: 1' или какое-то значение, и посмотреть, исправит ли это.

Answer 2

После долгих испытаний и исследований я пришел к выводу, что для IE6 нет другого пути, кроме JavaScripts, который у меня не работает.Поэтому мне пришлось немного изменить структуру.Конечный результат выглядит примерно так:

<div style="position:relative; width:200px; background-color:red;">
   <div style="margin: -10px -20px">Some text goes here....</div>
</div>

Таким образом, содержимое внутреннего div будет устанавливать высоту внутреннего div и отрицательные поля на нем, будет гарантировать, что внешний div всегдаНа 20 пикселей больше по высоте и на 40 пикселей больше по ширине.Я знаю, что при рассмотрении вопроса ответ не имеет смысла, но он работает именно так, как мне нужно, поскольку он позволяет мне создавать несколько элементов div на фоне (внешний элемент div) с изображениями, а затем корректировать содержимое div с отрицательнымполя, так что он занимает столько же места, сколько все фоновые элементы.

Answer 3

Добавьте overflow: hidden; к абсолютному делению