浮动：使元素脱离文档流，按照指定的方向，直到它的外边缘碰到包含框或者另一个浮动框的边框为止。
特性：浮动分为左浮动和右浮动，可以使块级元素横着排。
浮动的内联元素可以设置宽高。
支持margin，但是不可以设置auto值。
脱离文档流
提升半层级
问题：浮动会造成父级盒子高度塌陷，因为飘起来了嘛，要清除浮动
定位：position
定位有static、relative、absolute、fixed、sticky
static：静态定位，这就是个垃圾，等于没写。
relative：不脱离文档流，参照自己原来位置，层叠顺序后来者居上。
absolute：脱硫文档流，参照浏览器第一屏或者最近的有定位的父元素。
fixed：脱离文档流，参照浏览器当前窗口。
sticky：粘性定位，可以实现吸顶效果
原文：https://www.cnblogs.com/wuqilang/p/11204679.html