html - 在css的包装器中使用2列的动态高度

Question

我有以下 html 布局，根据我在左内 div 或右内 div 上的页面可能有更多内容。如何构造 css 代码以使包装 div 的高度等于任一内部 div 中的较大者？我当前的代码仅根据左列扩展外部 div，但如果右列有更多内容，则无法正常工作。我在左栏中使用了 min-height ，但效果不是很好。任何指导将不胜感激。谢谢！

谢谢

HTML：`

<div id="wrap">

    <div id="inner-left">
        content left
    </div>

    <div id="inner-right">
         content right
    </div>

</div>

CSS：

#wrap{
height: 100%;
overflow: auto;
position: relative;
}

#inner-left{
    overflow: auto;
}

#inner-right{
    position:absolute;margin-left:640px;
}

Answer 1

设置overflow:hidden为父级应该使其尝试包装您的内容。尝试这个：

#wrap{
   overflow: hidden;
}

#inner-left{
    float:left;
}

#inner-right{
    float:right;
}