关于定位的一些知识：

只有设置了position属性的块级元素，才可以设置left、right、top、bottom值；如果一个块级元素脱离文档流的时候，就不能使用浮动了；

一、绝对定位（position：absolute）

1、脱离文档流，不会独自沾满一行；不能使用浮动了；

2、如果父级块元素设置了定位，那么现在的定位是相对于父级的；如果父级标签没有设置定位，那么就是相对于浏览器的；

二、相对定位（position：relative）

1、没有脱离文档流，可以使用浮动

2、相对定位的块，不论其父级标签是否有设置定位，都是相对于父级标签来说的；

三、静态定位（position：static），默认的是静态定位，使元素处在文档流中，对left、right、top、bottom值的设定是无效的；

四、固定定位（position：fixed）：被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。

 

转载于:https://www.cnblogs.com/guanyushan/p/7833956.html