笔记

二十.CSS浮动

      1.标准流:标签按照规定好默认方式排列.

      2.网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动.

      3.浮动语法:选择器{float:属性值；none,left,right  }

      4.浮动特性:浮动元素会脱离标准流，会一行内显示并且元素顶部对齐.

        典型特性:脱离标准普通流的控制移动到指定位置，浮动的盒子不再保留原先的位置.

      5.浮动元素会具有行内块元素特性，任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有行内块元素相似的特性.

      6.浮动元素经常和标准父级搭配使用:先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置，复合网页布局第一准则.

      7.一个元素浮动了，其他的兄弟元素也浮动，浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流

8.清除浮动:浮动元素有一个标准流的父元素，他们有一个共同的特点都有高度 ，因为浮动元素不再占用原文档的位置，所以它会对后面的元素排版产生影响.

        清除浮动的本质:如果父盒子本身有高度，就不需要清除浮动.