css浮动元素

浮动元素：是用于设置标签对象的；假如有N个元素要在一排并列显示，那么N个元素都需要添加浮动属性。然而浮动后排版的顺序是跟HTML里的标签属性顺序有关的；还有一特点，当我们对这个元素添加了浮动属性之后，margin：o auto就不生效了。
可能的值：分为左浮动、右浮动和不浮动(属性：float：left/loat：right/loat：none)。
浮动的显示规则：浮动对象会向左或者右移动知道遇到边框、填充值、外边界或者另一个元素为止。
案例：首先我们在body里面添加三个div，并且给每个div添加class属性值；

然后我们在style全局样式中给每个div标签设置属性值

在没有添加浮动属性前的效果：box1、box2、box3、在一列显示。

最后我们给每个box1、box2、box3添加float：left会作边在一行显示。

添加float：righ，box1、box2、box3会在右边一行显示。

欢迎大家来建议：