[size=medium][b]以前觉得已经把float的问题搞明白了,没想到一段时间不用,又忘了,今天又查了一下,记录一下。[/b][/size]
[size=medium]当所有的子元素(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有个子元素不是块元素就根本没有这个麻烦,但要注意这时如果浮动在右边,也一定要把浮动的块元素写在不是块元素前面[/size]
当然以上是个人见解,可能有不对的地方。
<div class="p">
<div class="c"></div>
<div class="c"></div>
</div>
<div class="f"></div>
[size=medium]当所有的子元素(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有个子元素不是块元素就根本没有这个麻烦,但要注意这时如果浮动在右边,也一定要把浮动的块元素写在不是块元素前面[/size]
当然以上是个人见解,可能有不对的地方。