css 的float浮动问题

以前觉得已经把float的问题搞明白了，没想到一段时间不用，又忘了，今天又查了一下，记录一下。

<div class="p">
 <div class="c"></div>
 <div class="c"></div>
</div>
<div class="f"></div>

当所有的子元素(c)都浮动（即设了float）那么在火狐下父元素(p)会没有高度，下面的元素，如上面的f就会上移，因为p的高度为0，那么解决的办法是
1。f加clear：both。但p的高度还是为0，有时候有影响，比如p要设背景的时候，都设不了。
2。p里面再设个div（m），即c的父元素是m，m的父元素是p，然后m设个float就行了，然后就在m上设p所用的东西就行了。但看网上有人说（float的元素，父元素最好不要设float，不然有bug），这样的话也不是太好
3.p在添加个div子元素，和c同级，然后其clear：both就行了，这样p也有高了。
但这有个问题，比如不是div，是dt、dd的话，就不行了，那是因为div在没有值（即文本text）得时候默认高为0，但是是有宽的，但dd就高和宽都为0，所以设clear：both的一定要有宽，当然如果p有个子元素不是块元素就根本没有这个麻烦，但要注意这时如果浮动在右边，也一定要把浮动的块元素写在不是块元素前面

当然以上是个人见解，可能有不对的地方。