[分享]css中float的参数值有

在CSS中，float是一种常见的布局方式，它可以让元素脱离文档流并向左或向右浮动。float属性有四个参数值可以使用，分别是：.floatleft { float: left; / 左浮动 / } ...

在CSS中，float是一种常见的布局方式，它可以让元素脱离文档流并向左或向右浮动。float属性有四个参数值可以使用，分别是：

.float-left {
  float: left;  /* 左浮动 */
}

.float-right {
  float: right;  /* 右浮动 */
}

.float-none {
  float: none;  /* 不浮动 */
}

.clearfix {
  clear: both;  /* 清除浮动 */
} 

其中，左浮动和右浮动的效果比较明显，元素会沿着浮动的方向向左或向右浮动，直到遇到自己的父元素或者另一个浮动元素为止。而不浮动的元素则会保持在文档流中正常显示。

当多个浮动元素在同一个父元素内时，它们可能会产生重叠或错位的问题，这时就需要使用清除浮动的方法来解决。清除浮动常用的方法有：

.parent {
  overflow: hidden;  /* 触发BFC */
}

.parent::after {
  content: "";  /* 伪元素 */
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
} 

上述代码中，使用了overflow:hidden属性触发了BFC，或者使用了一个伪元素来清除浮动。这样可以避免浮动元素对父元素和其他元素的影响，保证页面的正常布局和显示。