cssfloat浮动怎么做（css中的float属性用法详解）

float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页布局。

1、什么是浮动

网页布局时，给元素添加float属性，使得该元素脱离普通文档流，可以理解为浮起来一层，浮起来后可以进行左右浮动（向左、向右）。

2、元素如何浮动

给该元素添加float属性，其属性值可选left、right、none、inherit

• 当属性值为left，该元素向左浮动

• 当属性值为right，该元素向右浮动

• none为默认属性值，该元素不浮动

• 当属性值为inherit，该元素float的属性值从父元素继承

3、浮动的影响

• 浮动后，设置浮动的元素可以设置宽高

• 浮动后，浮动元素的父元素如果没有设置宽高会受影响