本文转载自微信公众号《三分钟学会前端》，作者安姐。转载本文请联系三分钟学习前端公众号。positionon定义和用法：position属性指定元素的定位类型。说明：此属性定义用于建立元素布局的定位机制。任何元素都可以定位，但绝对或固定元素会生成块级框，而不管元素自身的类型如何。相对定位的元素相对于其在正常流中的默认位置有偏移。-来自w3schoolposition有以下可选值：值描述absolute生成一个绝对定位的元素，相对于静态定位以外的第一个父元素定位。元素的位置由“left”、“top”、“right”和“bottom”属性指定。fixed生成绝对定位的元素，相对于浏览器窗口定位。元素的位置由“left”、“top”、“right”和“bottom”属性指定。relative生成??相对定位的元素，相对于其正常位置定位。因此，“left:20”将向元素的左侧位置添加20个像素。stickyCSS3新增，粘性定位，相对于最近的具有“滚动机制”的祖先（当祖先的overflow隐藏时，scroll，auto或overlay，即不可见时）。它的行为类似于position:relative，当页面滚动到目标区域之外时，它的行为类似于position:fixed，它保持固定在目标位置。静态默认。没有定位，元素出现在正常流中（忽略左、上、右、下或z-index声明）。inherit指定位置属性的值应该从父元素继承。其中，CSS定位机制：CSS有三种基本的定位机制：普通流定位、浮动定位和绝对定位。除非另有说明，否则所有框均按正常流程放置。也就是说，元素在正常流中的位置由元素在(X)HTML中的位置确定。块级盒子从上到下依次排列，盒子之间的垂直距离由盒子的垂直边距计算。行内框水平排列成一行。它们可以使用水平填充、边框和边距来隔开。但是，垂直填充、边框和边距不会影响行内框的高度。由一行组成的水平框称为行框，行框的高度总是足够大以容纳它包含的所有行内框。但是，设置行高可以增加这个框的高度。位置：绝对；绝对定位，绝对定位元素的位置是相对于最近定位的父元素，如果该元素没有定位父元素，那么它的位置是相对于：
