CSS float属性

定义和用法

float属性指定元素应如何浮动。

注意：绝对定位的元素会忽略float属性！

注意：浮动元素后面的元素将围绕它流动。要避免这种情况，请使用clear属性或clearfix hack（请参阅实例）。

特征	说明
默认值	none
继承	没有
动画	没有。CSS动画参考
CSS版本	CSS1
JavaScript语法	object.style.cssFloat="left"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	Internet Explorer	Chrome	FireFox	Safari	Opera
属性名称
float	4.0	1.0	1.0	1.0	7.0

float: none|left|right|initial|inherit;

让图像浮动到右边：

img  {
  float: right;
}

尝试一下

如果浮动元素高于包含元素，则它将溢出其容器外部。可以使用“clearfix hack”解决这个问题：

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

尝试一下