CSS浮动问题
浮动元素的特点:
1.浮动是半脱离标准文档流。
2.贴靠性 如果都向同一个方向浮动,这两个浮动的元素会紧紧的贴在一起,如果后面的空间不够贴靠的话,它会自动换行。
3.包裹性 如果是一个块级元素,在没有设置宽度的情况下,只要它浮动了,那么它的宽度会尽可能小。
4.一个元素内部所有元素都浮动了,如果父元素在没有设置高度的情况下,它的高度会变成0,也就说父元素的高度塌陷了。
5.如果一个行内元素浮动了,就可以设置宽度和高度,也就是变成了块级元素。
元素浮动会造成影响:
1.对父元素造成的影响 对后面的兄弟元素影响
我们需要清除浮动所造成的的影响,也叫清除浮动:
1.清除对父元素所造成影响 1.加高法
2.overflow:hidden
元素浮动也会对它后面的元素造成影响:
后面的元素会钻上去,但是文字不会,文字会形成字围效果。 对兄弟元素造成影响,我们需要清除这种影响,也叫清除浮动。
注意:注意:clear:both只能写在第1个受影响的元素上,写在父元素上没有什么用。