html - 将 拉伸(stretch)到父 的全高

Question

有很多div block 。一个 parent ，左边的第二个(用于菜单)，右边的第二个(用于文本)。如何将右内 block (左内 block 可以)拉伸(stretch)到父 block 的整个高度。它的父 block 具有最小高度:1100px

代码如下:

<div id="wrapctr">
    <div id="leftmenu"></div>
    <div class="rightcontent">
        //common div
        <div style="padding: 10px; width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; background:white">
            // img div
            <div style="float: left; padding: 10px; text-align: center; width: 257px;"><img src="../img/1625.jpg" width="200"></div>
        </div>
    </div>
</div>

CSS

#wrapctr {
    width:80%;
    min-width: 700px;
    max-width: 1200px;
    background:#FFF;
    margin:0 auto;
    min-height:1100px;
    z-index:2;        
}

#leftmenu { 
    background: #FFF;
    float: left;
    width: 250px;
    list-style: none;
}
.rightcontent {
    background: #FFF; 
    margin-left: 255px; 
}

一页显示12张图片，三张连发。如果我用 height:100% 添加了 position:relative 和 absolute 我的带有样式的 div 来自 rightcontent div

Answer 1

你应该给 wrapctr 相对位置并绝对定位到您的公共(public) div然后你可以给普通的div height 100%