CSS父元素没有设置高度，元素浮动后父元素无法跟随子元素的高度-_-

元素

css

显示效果

最开始就是这样子啦，可是我脑子一热，想让b浮动(工作中确实会遇到这种情况)，然后float:left;，发现父元素没高度了(看起来就像父元素没了)。

就像这样子：

加上了浮动属性

b表示爸爸去哪了

(其实我最开始是发现给了个border-bottom属性，它跑去顶部了)

这种情况，给父元素一个height值就可以了，可是我不能给它一个固定的高度，我想让它随内容的高度变化。

怎么办呢。

诶，我想到一个办法：

在父元素最后添加一个空元素c

给c设置清空浮动

就可以啦

我在父元素最后添加了一个空的元素c，用c清空左右浮动，就又回到最开始的效果了，而且动态添加其他元素的话，父元素高度也会像开始那样随之变化了。