將div風格設置爲最大高度

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 
    }