положение: абсолют и высота

Question

У меня есть этот пример http://jsfiddle.net/HnfCU/ Я использую jQuery, чтобы показать и скрыть .child div..child позиционируется абсолютно как .parent Проблема, которую я пытаюсь решить, это высота .child.

Я хочу, чтобы фон .child покрывал всю его область.Теперь, используя height:100%, он частично покрывает это.Я не могу использовать фиксированную высоту, потому что содержимое будет динамическим.

Любой метод, css или javascript [jQuery], является приемлемым или любое изменение структуры.

Answer 1

Просто удалите стиль bottom: 5px; из стиля .child.

Он помещает нижнюю часть дочернего элемента div на пять пикселей выше нижней части родительского элемента div, но, как вы уже поместили верхнюю часть элемента div.дочерний div ниже нижней части родительского div это приведет к отрицательной высоте, поэтому браузер просто устанавливает высоту на максимально близкое значение, равное нулю.

Также удалите стиль height: 100%, так кактолько делает ребенка того же роста, что и патент, чего вы не хотите, так как вы не отображаете ребенка внутри родителя.

http://jsfiddle.net/HnfCU/2/

Answer 2

Если я вас правильно понимаю, удаление bottom: 5px и height: 100% даст вам то, что вы хотите: http://jsfiddle.net/blineberry/HnfCU/1/

Это позволяет .child получить его высоту из содержимого.