Html 自动高度和浮动问题

我以前有过这个问题，不记得是否以及如何解决它

我必须创建一个场景，在父DIV中有两个DIV左右浮动。两个浮动DIV的高度为：auto，但父DIV忽略了它们（完全符合逻辑），父DIV的背景无法看到。我知道问题是什么，但有没有解决问题的建议？或任何其他选择，我愿意尝试一种新的方法

---

提前感谢您的帮助。

您需要在父div内的div中使用

清除：float

：

.clear
{
  clear:both;
}

<div id="parent">
 <div id="left"></div>
 <div id="right"></div>

 <div class="clear"></div>
</div>

。清除
{
明确：两者皆有；
}

---

无需添加无意义的HTML元素，您可以

#所有我的孩子都在浮动{
溢出：隐藏；
}
#AllMyChildrenp{
浮动：左；
}
Lorem ipsum dolor sit amet，是一位杰出的领导者。Donec leo arcu，iaculis at，ultricies et，porta eget，urna。无便利

多洛·希特·阿梅特·洛雷姆·伊普苏姆

---

或者您可以使用

display:inline块

而不是float属性，它取决于您的具体需要。IE7-不理解这个值，但是如果你给出IE6和IE7

display:inline，它就可以了；缩放：1。如果你仍然支持FX2，还有一个选择。
我知道，现在回答这个问题已经太晚了，但是在我之后来到这里的任何人都可以从这个答案中受益

使用
display:inline flex
而不是漂浮和快乐

注意：您需要检查是否支持内联flex值

<style type="text/css" media="screen">
    #allmychildrenfloat {
        overflow: hidden;
    }

    #allmychildrenfloat p {
        float: left;
    }
</style>
<div id="allmychildrenfloat">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec leo arcu, iaculis at, ultricies et, porta eget, urna. Nulla facilisi.</p>
    <p>dolor sit amet lorem ipsum</p>
</div>