浮动与定位

浮动：使元素脱离文档流，按照指定的方向，直到它的外边缘碰到包含框或者另一个浮动框的边框为止。
　　特性：浮动分为左浮动和右浮动，可以使块级元素横着排。
　　　　　浮动的内联元素可以设置宽高。
　　　　　支持margin，但是不可以设置auto值。
　　　　　脱离文档流
　　　　　提升半层级
　　问题：浮动会造成父级盒子高度塌陷，因为飘起来了嘛，要清除浮动

定位：position
　　定位有static、relative、absolute、fixed、sticky
　　static：静态定位，这就是个垃圾，等于没写。
　　relative：不脱离文档流，参照自己原来位置，层叠顺序后来者居上。
　　absolute：脱硫文档流，参照浏览器第一屏或者最近的有定位的父元素。
　　fixed：脱离文档流，参照浏览器当前窗口。
　　sticky：粘性定位，可以实现吸顶效果