CSS浮动问题

88 阅读1分钟

CSS浮动问题

浮动元素的特点:

1.浮动是半脱离标准文档流。

2.贴靠性 如果都向同一个方向浮动,这两个浮动的元素会紧紧的贴在一起,如果后面的空间不够贴靠的话,它会自动换行。

3.包裹性 如果是一个块级元素,在没有设置宽度的情况下,只要它浮动了,那么它的宽度会尽可能小。

4.一个元素内部所有元素都浮动了,如果父元素在没有设置高度的情况下,它的高度会变成0,也就说父元素的高度塌陷了。

5.如果一个行内元素浮动了,就可以设置宽度和高度,也就是变成了块级元素。

元素浮动会造成影响:

1.对父元素造成的影响 对后面的兄弟元素影响

我们需要清除浮动所造成的的影响,也叫清除浮动:

1.清除对父元素所造成影响 1.加高法

2.overflow:hidden

元素浮动也会对它后面的元素造成影响:

后面的元素会钻上去,但是文字不会,文字会形成字围效果。 对兄弟元素造成影响,我们需要清除这种影响,也叫清除浮动。

  注意:注意:clear:both只能写在第1个受影响的元素上,写在父元素上没有什么用。