浮动部分

浮动

当元素的float属性取值为left或者right时，元素属于浮动定位
不可继承，默认值为none；取值为none、left、right
盒模型中的auto值：
margin属性为auto的 浮动都为0px
width：auto 浮动：适应内容宽度
height：auto 浮动：适应内容高度

左浮动的盒子向上向左排列
右浮动的盒子向上向右排列
浮动盒子的顶边不得高于上一个盒子的顶边
若剩余空间无法放下浮动的盒子，则该盒子向下移动，直到具备足够的空间能容纳盒子，然后再向左或者向右移动

当常规流遇上浮动

常规流盒子和浮动盒子混合摆放

• 浮动盒子在摆放时，要避开常规流盒子
• 常规流盒子在摆放时，无视浮动盒子（高度坍塌）
• 如果设置一个标签为浮动的，那么它就会脱离文档流，表示浮动元素的内容不占用父级content区域

• overflow：hidden

  当内容溢出：a：隐藏
             b：超出部分显示滚动条
  当子元素浮动的时候，会找回高度（overflow：hidden 写在浮动元素的父级身上）
  

清除浮动

*对一个元素清除浮动，可以让该元素在摆放时，出现在浮动元素的下方

    clear
    不可继承 默认值为：none
    取值为none：不清除浮动
    left：清除左浮动，元素在左浮动的盒子下方摆放
    right：清除右浮动，元素在右浮动的盒子下方摆放
    both：全部清除浮动