Html 如何根据它来强制容器的高度膨胀';内容

Html 如何根据它来强制容器的高度膨胀';内容,html,css,Html,Css,如果我们检查代码,您将看到div.header具有高度:0px 请看下图: 我希望我的div是三个元素.c1、.c2和.c3的大小` 我如何解决这个问题? 我也希望我们能设法解释我的问题 HTML: 将溢出:自动(例如)css属性添加到.header类中,以识别其儿童的高度 使用清算div HTML: 谢谢,问题解决了,但我用的是这个物业吗?你能解释一下吗?@Gigel:这个属性指定元素的子元素在溢出父元素容器大小时的行为——换句话说,这里我们强制元素扩展到其子元素的大小。 <di

如果我们检查代码,您将看到
div.header
具有
高度:0px

请看下图:

我希望我的
div
是三个元素
.c1
.c2和
.c3的大小`

我如何解决这个问题?
我也希望我们能设法解释我的问题

HTML:


溢出:自动
(例如)css属性添加到
.header
类中,以识别其儿童的
高度

使用清算div

HTML:


谢谢,问题解决了,但我用的是这个物业吗?你能解释一下吗?@Gigel:这个属性指定元素的子元素在溢出父元素容器大小时的行为——换句话说,这里我们强制元素扩展到其子元素的大小。
   <div class="container">
    <div class="header">            
        <div class="c1">asdsadsadsadasda</div>
        <div class="c2">asdasdas</div>
        <div class="c3">sadsada</div>            
    </div>
</div>
<div class="container">
    <div class="header">

        <div class="c1">asdsadsadsadasda</div>
        <div class="c2">asdasdas</div>
        <div class="c3">sadsada</div>
        <div class='clearing'></div>
    </div>
</div>
 .clearing {clear:both;}