元素的浮动

(1)元素的浮动属性float

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

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

(2)清除浮动

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

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