一. 浮动的概念
1.浮动(float):是CSS中的一种定位属性,浮动会使元素脱离普通文档流,即不再占据文档位置,只会影响后面的元素,它会使元素在父元素中向左或者向右排列,能将块级元素(div p li等独占一行的标签)在一行排列。
2.基本语法 选择器:{float:left};左浮动
选择器:{float:right};右浮动
3.浮动的目的;为了让竖着排列的元素横着排列,方便网页布局。
二.浮动的效果
1.在一个大盒子里面放三个小盒子,不加浮动默认情况下,它们会竖着排放
2.加了浮动后
左浮动
右浮动
3.当box1去掉浮动后
盒子1去掉浮动后,盒子2和盒子3在第二行进行浮动,说明浮动不会影响前面的元素。
4…当box3去掉浮动后