Question

有很多div块。一个父母，第二个在左边（用于菜单），第二个在右边（用于文本）。如何将右内部区块（可能是左侧区域）拉伸到父区块的整个高度。父块具有最小高度：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张图片连续三张发行。如果我添加了position:relative和absolute height:100%我的div风格来自右边内容

Answer 1

你应该给予wrapctr位置相对并将绝对定位于您的公共div 然后你可以给公共div 100％高度

将<div>拉伸到父<div>

1 个答案: