float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性（与绝对定位相反）。

可选值

浮动元素是 float 的计算值非 none 的元素。
可选的值：

  • none：不进行浮动
  • left：浮动在其所在的块容器左侧
  • right：浮动在其所在的块容器右侧
  • inline-start：浮动在其所在块容器的开始一侧，在ltr脚本中是左侧，在rtl脚本中是右侧

  • inline-end：浮动在其所在块容器的结束一侧，在ltr脚本中是右侧，在rtl脚本中是左侧

    清除浮动

    清除浮动的方法：

  • clear

    • 在最后一个添加空的容器，添加 clear：left | right | both
    • 利用伪类元素： :after {content: ''; clear: both;display: block}
  • BFC