CSS中的浮动(float
)是一种布局方式,它可以让元素脱离文档流(position
和display
属性也可以实现),并向左或向右移动,直到其外边缘碰到包含块或另一个浮动元素的边缘为止。浮动元素会影响其后面的元素的布局,使得它们围绕浮动元素排列。
通常使用float
属性将图像或文本环绕于另一元素周围。浮动元素可以通过设置clear
属性来防止其周围的元素流动。float
属性有三个可能的值:left
、right
和none
,其中none
是默认值。
需要注意的是,浮动元素会脱离文档流,并且不会占据父元素的空间,这可能会导致父元素的高度塌陷,需要使用clear
属性清除浮动元素的影响。此外,浮动元素也可能会产生堆叠上下文和BFC等概念的影响,需要注意相关的布局问题。