将div样式设置为最大高度

Question

我有一个关于css样式的问题，我想将最大高度设置为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
    }