Position定位（fixed，absolute，relative），Float

position有3个属性是我们平常用的最多的，即fixed，absolute，relative。
1、absolute，绝对定位，是相当于父元素（或者父父元素）的定位，不遵循文档流；也不占据空间。后来者居上，后边的元素会被顶到它使用绝对定位之前的位置。
2、relative，相对定位，是相当于定位之前自身的位置，遵循文档流，定位之前的区域不会被顶替，还在原来占据着位置。定位之后的区域，不占据任何位置
3、fixed，固定定位，顾名思义，会固定在某一个位置，是相对于浏览器窗口的定位。不遵循文档流。用的最多的是APP等软件搜索框固定在最头上、最顶部，网页两端的广告固定。
4、什么是文档流？
文档流是从代码中，块级元素按照从上到下、行内元素从左到右顺序执行代码的流程。
5、定位基本遵循“子绝父相” ，子元素绝对定位，父元素相对定位。
浮动Float
1、相当于绝对定位，脱离文档流/
2、浮动的属性常用包括left、right
3、相对定位可以和浮动一起用，绝对定位和浮动一起使用会把浮动效果删除。