学习知识点：

定位：

​ 1.普通流定位

​ 2.相对定位

​ 3.绝对定位

​ 4.固定定位

​ 6.浮动定位

z-index：

​ 1.特点：

​ 1.根据html的代码，后定位的元素，层级越高

​ 2.只有已经定位的元素才能使用z-index

​ 3.定位的脱离文档流和float的脱离文档流不是一个体系

​ 3.父子元素都定位，都设置z-index，儿子永远在父亲上面

​ z-index的取值：

​ 1.默认的顺序永远小于0而大于 -1

​ 2.项目中一般最大到1000

​ 3.可以取负值

​ 定位的堆叠和浮动有什么关系？

​ 浮动和定位不是一个体系，不能比较，浮动永远只在一层，不能设置。而定位可以设置堆叠顺序

​ dispaly：none 和visibity:hidden之间有什么区别：

​ 1.display:none的隐藏是让元素脱离文档流，元素不占据页面空间，后面元素部位

​ 2.visibity：hidden 的隐藏,不脱离文档流，页面不可见，但是占据位置。