當父母有最小高度集合時，孩子不會展開

我似乎無法做出最小高度的工作。主要問題是，我的孩子沒有得到父母的高度，因此沒有設置自己的身高。我怎樣才能解決這個問題？當父母有最小高度集合時，孩子不會展開

#middle_Wrapper { 
 
    width: 100%; 
 
    min-height: 85vh; 
 
    max-height: 500%; 
 
    height: auto; 
 
} 
 

 
#main { 
 
    width: 90%; 
 
    height: 100%; 
 
    background-color: red; 
 
    opacity: 0.2; 
 
    position: relative; 
 
}

<div id="middle_Wrapper"> 
 
    <main id="main"> 
 
    test 
 
    </main> 
 
</div>

來源

2017-06-02 Dassin

刪除高度：從父DIV汽車。 – SreenathPG

你必須在'＃middle_Wrapper'上顯式地設置一些'height'。 –

這沒有辦法，我已經試過了。但是，如果我設置的高度，並添加更多的文本到HTML中，它不會擴大，是嗎？ – Dassin

只需添加CSS，你正在使用%所以它變成vh。

#main { 
    height: 100vh; 
}

#middle_Wrapper { 
 
    width: 100%; 
 
    min-height: 50vh; 
 
    max-height: 500%; 
 
    height: auto; 
 
} 
 

 
#main { 
 
    width: 90%; 
 
    height: 100vh; 
 
    background-color: red; 
 
    opacity: 0.2; 
 
    position: relative; 
 
}

<div id="middle_Wrapper"> 
 
    <main id="main"> 
 
    test 
 
    </main> 
 
</div>

來源

2017-06-02 11:17:56 LKG

呃，主要的問題是，我忘記添加我想要擴展的div越來越多的HTML文本被添加，適用於父。 – Dassin

變化height : auto到height : 0

#middle_Wrapper { 
 
    width: 100%; 
 
    min-height: 50vh; 
 
    max-height: 500%; 
 
    height: 0; /* change this line */ 
 
} 
 

 
#main { 
 
    width: 90%; 
 
    height: 100%; 
 
    background-color: red; 
 
    opacity: 0.2; 
 
    position: relative; 
 
}

<div id="middle_Wrapper"> 
 
    <main id="main"> 
 
    test 
 
    </main> 
 
</div>

來源

2017-06-02 11:20:35

當父母有最小高度集合時，孩子不會展開

回答

相關問題