установить стиль div на максимальную высоту

Question

У меня вопрос по стилю CSS, где я хочу установить max-height для external.Когда я устанавливаю только высоту, она работает нормально, но когда я хочу установить ее на максимальную высоту, содержимое внутреннего содержимого исчезает.

Вы можете получить пример здесь: http://sara.hil.ch/grega/example5.html

Любойпредложения?

//outer div  style
 div.dogodkiinhalt {  
      position: relative; 
      top: 0px;   
      left: 0px;   
      width: 400px;  
      padding-bottom: 0px;
      background: blue; 
      border: none;  
      overflow: auto; 
      visibility: visible; 
      height: 200px;

    }
//inner div style
    #inhaltbox { 
      position: absolute;
      top: 0px; 
      overflow: hidden;
      width: 400px;
      height: 200px;
      display: none;
      display: block;
    }

Answer 1

Да, если вы установите max-height - какой будет минимальная высота?ZERO!

Вам также нужно установить min-height или height.

Также здесь есть несколько проблем.

 div.dogodkiinhalt {  
      position: relative; 
      top: 0px;   <-- not needed
      left: 0px;   <--- not needed
      width: 400px;  
      padding-bottom: 0px;
      background: blue; 
      border: none;  
      overflow: auto; 
      visibility: visible; <--- not needed 
      height: 200px;

    }
//inner div style
    #inhaltbox { 
      position: absolute;
      top: 0px; <--- left or right also needs to be declared
      overflow: hidden;
      width: 400px;
      height: 200px;
      display: none;  <---
      display: block; <--- Choose one, not both
    }