css浮动的理解及实际应用

一. 浮动的概念
1.浮动（float）：是CSS中的一种定位属性，浮动会使元素脱离普通文档流，即不再占据文档位置，只会影响后面的元素，它会使元素在父元素中向左或者向右排列，能将块级元素（div p li等独占一行的标签）在一行排列。
2.基本语法 选择器：{float：left};左浮动
选择器：{float：right};右浮动
3.浮动的目的;为了让竖着排列的元素横着排列，方便网页布局。

二.浮动的效果
1.在一个大盒子里面放三个小盒子，不加浮动默认情况下，它们会竖着排放

2.加了浮动后
左浮动
右浮动

3.当box1去掉浮动后