Как использовать высоту 100% с помощью css

Попытка №3.Как использовать высоту 100% с помощью css

Использование css, со строгим доктрином, может кто-то нарисовать 4 div-бокса для удовлетворения этих требований.

Обертка или внешний дилер будут масштабироваться по высоте. Это означает, что это может быть любая высота.
Средний ДИВ должен всегда быть 100% высокий, чтобы соответствовать внешний/родительский DIV (# 1 в моем списке)
Следующий DIV должен быть установлен внутри и на верхней из сНу # 2
Последние DIV должны быть расположены внутри , а в нижние из сНу # 2

ПРИМЕЧАНИЯ: Если у вас используйте абсолютное позиционирование для этого, вы поместите divs 3 и 4 вне div # 1, и это не сработает. Ключ должен держать дивы 3 и 4 в пределах Div # 2

источник

2010-11-19 Jim

Это домашнее задание? – alex

Возможно, вам стоит открыть http://www.jsFiddle.net, чтобы лучше объяснить, что вы пытаетесь выполнить. – Ben

Нет, это моя третья попытка попытаться заставить это работать. Я потратил 2 дня, пытаясь заставить это работать. Я хочу, чтобы требования были кристально чистыми, поэтому у меня нет шоу собак и пони, как будто я делал последние два раза, я пробовал это. – Jim

<div id="wrapper"> 
<div id="middle"> 
    <div id="top">top</div> 
    <div id="bottom">bottom</div> 
</div> 
</div> 

#wrapper { height: 200px; position: relative; } 
#middle { height: 100%; } 
#bottom { position: absolute; bottom: 0; }

Он должен работать на любой высоте вы даете #wrapper.

Вы можете поиграть с ним здесь: http://jsfiddle.net/dmBsa/

источник

2010-11-19 06:37:29

Привет, Себастьян, спасибо, что помог мне снова. Сегодня утром я так расстроился, что просто сдался. Я не могу поверить, что это оказалось настолько сложным. – Jim

святой sh * t! я был как «я знаю, что видел этот вопрос раньше ...», поэтому - решил дать дивам попробовать, хе? скоро спать, но если у вас его нет, завтра я могу проверить завтра. –

hahaha .. Да, это я, брат! :) И я пробовал, и, похоже, все работает нормально. Я не уверен, почему абсолютное позиционирование не выталкивает контент вне div # 1, но выглядит хорошо. – Jim

Как использовать высоту 100% с помощью css

ответ

Смежные вопросы