Question

我有以下代码，我的row_container div保持左右div 我正在努力让行包含器与嵌套的左右div具有相同的高度..我缺少什么？
我试过身高：自动;没工作。
我需要该行具有纯色背景

.row_container{

    margin:auto;
    width:420px;
    background-color:#FFFFFF;

    padding-top:15px;
    padding-bottom:15px;
    clear:both;


}
.left_row{
    float:left;
    width:200px;
    padding:5px;

}
.right_row{
    width:200px;
    float:right;
    text-align:justify;
    padding:5px;

}

Answer 1

将overflow: hidden添加到您的.row_container

Answer 2

浮动div将耗尽父项，除非您在父项末尾添加clear: both。您可以通过两种方式解决此问题：您可以在父级之后手动添加清除div，如下所示：

<div class="row_container">
  <div class="left_row"></div>
  <div class="right_row"></div>
  <div style="clear: both"></div>
</div>

或者您可以使用“clearfix”CSS such as this one - 这是“现代”首选方法，因为您不会添加不必要的HTML代码来修复CSS。

如何为两个不同的元素制作相同的高度？

2 个答案: