Верхний div с заданной высотой, div под ним с высотой до конца экрана

trisha · August 15, 2012

Есть два дива на странице:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <style>
        html, body{margin: 0; background-color: #f3f3f3; min-height:100%; height:100%; overflow:hidden;}
       .div0{height:100%; width:100%}
       .div1{background: red;  height:40px; width:100%}
       .div2{background: green;  height:100%; width:100%}
    </style> 
</head>

<body> 
  <div class="div0">
 <div class="div1">
   11111
 </div> 
 <div class="div2">
   22222
 </div> </div> 
</body>
</html>

Высота div2 и div0 одинаковая, как сделать так, чтобы высота div2 была меньше высоты div0 на 40px (без использования javascrip)?

Justnewone · August 15, 2012

Похоже, надо поискать "футер внизу экрана", либо вставить див1 в див2

trisha · August 16, 2012

Решение нашлось здесь:

http://jsfiddle.net/q9hs5/63/

USF · August 16, 2012

хотел сделать так http://jsfiddle.net/q9hs5/66/

но нижний блок упорно налазит на шапку :blink: :angry:

wwt · August 16, 2012

http://jsfiddle.net/q9hs5/67/

Sign In

Верхний div с заданной высотой, div под ним с высотой до конца экрана

Question

trisha

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

trisha

Link to comment

Share on other sites

USF

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information