divスタイルをmax-heightに設定する

Question

CSSスタイルについての質問があります。ここでは、max-heightをouterに設定したいと考えています。高さのみを設定するとうまくいきますが、それを最大高さに設定したいときはインナーの内容が消えます。

あなたはここに例を取得することができます：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設定している場合 - 最小の高さは何でしょうか？ゼロ！

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 
    }