Как разместить элемент в нижней части элемента div, который имеет высоту и переполнение: auto

Question

Вот моя ситуация, у меня есть div, который имеет высоту: 400 пикселей и переполнение: авто, чтобы прокручиваться, когда содержимое длиннее, чем 400 пикселей. внутри этого div у меня есть 2 div. Обычный с неизвестной высотой и другой с абсолютным позиционированием, который привязан к основанию: 0px;

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

Вот проблема, я хочу, чтобы абсолютный div был расположен в соответствии с реальной высотой содержимого div, а не 400px. Я хочу, чтобы он всегда был внизу полосы прокрутки внизу внизу, а не только визуальным нулевым дном.

есть кто-нибудь, кто мог бы пролить свет?

Answer 1

Как насчет того, чтобы обернуть два внутренних элемента div другим, у которого min-высота равна 100% (и "position" равна "lative ", чтобы сделать его родителем смещения для абсолютно позиционированного элемента div)? Быстрый тест в Chrome показывает, что это может сработать.

IE6 может быть немного сложнее (если вам нужно его поддерживать), так как он не поддерживает "min-height". Вы можете, с помощью специального хака CSS для IE6, получить «height», чтобы сделать это за вас, хотя IE6, похоже, воспринимает «height» почти как «min-height».