php - 在不使用 css 中的高度属性的情况下，根据右容器高度调整左容器

Question

我有两个 div，一个在左边，另一个在右边。通过单击左侧菜单动态加载右侧内容。根据内容高度，左侧容器也增加相同的高度。我附上了这个问题的截图

预期结果是:

![在此处输入图片描述][3]

任何帮助不胜感激。谢谢

Answer 1

你可以按如下方式实现，基本上我们使用相对位置并玩弄它

Demo

HTML

<div id="container2">
    <div id="container1">
        <div id="col1">
            <!-- Column one start -->

        </div>
        <div id="col2">
            <!-- Column two start -->

        </div>
    </div>
</div>

CSS

#container2 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#ffa7a7; /* column 2 background colour */
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:50%;
    background:#fff689; /* column 1 background colour */
}
#col1 {
    float:left;
    width:46%;
    position:relative;
    left:52%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:46%;
    position:relative;
    left:56%;
    overflow:hidden;
}

Original Article