1、元素的浮动

1.1 元素的浮动属性float

语法格式:
选择器{ float:属性值 ;}
float的常用属性值:
left:元素向左浮动
right:元素向右浮动
none:元素不浮动(默认值)

  1. .box{
  2. float:left; /*定义box左浮动*/
  3. }

1.2 清除浮动

语法格式:
选择器{ clear:属性值; }
clear的常用属性值
left:不允许左侧有浮动元素(清除左侧浮动的影响)
right:不允许右侧有浮动(清除右侧浮动的影响)
both:同时清除左右两侧浮动的影响

.box{
    clear:left;  /*清除左浮动*/
}