第七章 CSS基础

面布局有两种方式
1）浮动Float
2）定位Position
我们先来看看浮动：
什么是浮动：

float即为浮动，在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。下面解释下这个定义中的几个名词的概念：
    文档流：在html中文档流即为元素从上至下排列的顺序。
    脱离文档流：元素从正常的排列顺序被抽离。
    最左边/最右边：上述的移动到父元素最左和最右是指元素往左或往右移动直到碰到另一个浮动元素或父元素内容区的边界（不包括padding）
总结：CSS 的（浮动）用float属性表示，浮动会使元素向左或向右移动，其周围的元素也会重新排列。设置浮动的元素会脱离文档流；