css - 如何根据子DIV中的内容自动调整父DIV的高度？

Question

我在父 DIV 中有一个父 DIV 我有两个 DIV，一个在左边，第二个在父 DIV 的右边 我想当我在左边或右边的 div 标签中写任何内容时，父 DIV 将根据左或右 DIV 标签的高度..

如何编写 .css 文件来执行此操作？

主DIV不会根据设计 View 中的子div进行调整:

请检查我的代码:

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;">
    <div style ="float:left">
        <p>Hi, Flo!</p>
      </div>
      <div style ="float:right; height: 180px;"> 
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
    </div>

Answer 1

如果两个子 div 是 float 的，那么您可以使用:

div.parent{ overflow: hidden; }

未指定高度。