将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 
    }