css - 如何使用CSS根据父div设置子类高度

Question

我有三个类(class)

 .wrapper
 {
    width: 100%;
    float:left;
    min-height: calc(100% - 80px );
    background-color: #2d3e50;
 }
 .menu
 {
    width:7%;
    float: left;
    background-color: #2d3e50;
    height: 100%;
 }
 .content
 {
    float: left;
    padding: 20px 5px 20px 1%;
    width:93% ;
    background-color: #ffffff; 
    height: 100%;
 }

 <div class="wrapper">
    <div class="menu"></div>
    <div class="content"></div>
 </div>

“包装”的高度根据计算是完美的，但我希望“菜单”和“内容”类的高度按照所有浏览器“safari”中的“包装”类的高度为 100%，“chrome” .但不能正常工作请建议我所有浏览器的 css 问题是把这里作为图像![在此处输入图像描述][1]

Answer 1

百分比高度仅适用于 IE，不适用于其他浏览器。对于其他浏览器，您的父 div 应该有一个固定的高度。

这是让它工作的简单解决方案:

html,body{
  height: 100%;
}