CSS浮动、定位

这是一个基础知识，也是面试多多少少会问到的。下面我带大家梳理一下！

一、文档流的概念指什么？有哪种方式可以让元素脱离文档流?

文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。
让元素脱离文档流的方法有：浮动和定位。

二、有几种定位方式，分别是如何实现定位的，使用场景如何？
CSS定位方式有四种：默认定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed）

static:默认值。没有定位，元素在正常的流中,top,right,bottom,left和z-index属性无效。示例如下：

relative:生成相对定位的元素，通过top,bottom,left,right的位置相对于其正常位置进行定位。其中的相对指的是相对于元素在默认流中的位置。
注意：
1.将元素position属性设置为relative之后，再通过top,bottom,left,right属性对其进行相对于原来位置的偏移；
2.元素偏移之后，他本来在默认文