CSS（四）float 定位

一、文档流

　　网页默认的定位方式

　　　　1.行级元素：从左到右

　　　　2.块级元素：从上到下

　　文档流的流动方式从右下到左上 ↖

二、浮动

　　1、浮动的定义，是元素脱离文档流遇到父级边界或相邻浮动元素停止

　　2、特点

　　　　a）浮动元素不会超过父元素的边框

　　　　b) 浮动元素默认不会重叠

　　　　c）浮动元素只能左右浮动不能上下

　　　　d) 浮动了就变成了行级块元素

　　3.浮动属性

　　　　none　　left 　　right

　　4.清除浮动

　　　　clear : left　　right　　both

清除浮动的方式

　　1.在浮动元素下面新建一个 div 给他添加 clear:both

　　　　讨厌啊这个根本就不可能这么用的但是为啥还要往上写啊。。。谁让当时学的时候老师也是这么讲的 循序渐进的会更好一点吧 not worry

　　2.利用伪元素

.clearFloat: after {

  display:block;

  clear:both;

  content: '';

  visibility: hidden;

  height:;

}

.clearFloat(zoom:1);

定位

　　position :　　absolute relatave fixed static(默认)

　　偏移属性　　top　　bottom　　left　　right

　　相对定位　　relative 相对于自身原来的位置并且保留原有的位置

　　绝对定位　　absolute 相对于最近有定位的父级

　　z-index:1　　(值越大权重越高)　　解决定位后堆叠问题

　　固定定位　　fixed 　　相对于视口定位

居中的几个方法方法点我！我们走

巴特西