css定位

1、普通流 普通流就是 html 文档中的元素如块级元素、行内元素依据他们的显 示属性按照在文档中的先后次序依次显示。是块级元素就占一行或多 行，是行内元素就和其他元素共处一行，没什么好说的，该咋显示咋 显示，一个萝卜一个坑 了解流的概念：  文档流是相对于盒子模型讲的  文本流是相对于文子段落讲的

2、定位机制 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门 指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的 位置由元素在 (X)HTML 中的位置决定。

3、 定位 默认值为 static。可应用于所有元素。 (position:static) static 元素框正常生成：块级元素生成一个矩形框，作为文档流的一部分， 行内元素则会创建一个或多个行框，置于其父元素中。

4，相对定位 position:relative  根据自身原来的位置定位，会占据原来的位置 元素不脱离文档流和文本流

5，绝对定位 position:absolu 有定位父级元素就相对于定位父级元素发生偏 移，没有定位父级元素就会相对于整个窗口定位  元素脱离文档流和文本流

6，固定定位 position:fixed  相对于整个窗口进行定位，不会受滚动条影响 元素脱离文档流和文本流

7，粘性定位 postition:sticky 最初会被当作relative，相对于原来的位置进行偏移；一旦超过一定阈值之后，会被当成 fixed 定位，相对于视口进行定位

8，调层级的 z-index