css中在包装器中使用2列的动态高度
css中在包装器中使用2列的动态高度
提问于 2013-05-30 07:19:20
我有下面的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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-30 07:54:52
将overflow:hidden设置为父对象应该会使它尝试包装您的内容。试试这个：
#wrap{
overflow: hidden;
}
#inner-left{
float:left;
}
#inner-right{
float:right;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16825502
复制相关文章
相似问题
腾讯云开发者
