Position属性详解
Position有四个属性值：
static、absolute、fixed、relative，inherit（不常用，在这里略去）
    首先咱们说一下static属性，static是默认值，没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。这是W3school上的说法，翻译一下就是顺着文档流从上到下从左到右进行排版，margin仍生效，left不生效。
    然后说一下fixed，这个是固定在屏幕上一个位置，滑动页面屏幕位置不变，生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。Margin不生效。
    接着说一下relativeabsolute relative相对定位，它是使用相对于一个元素的正常位置来对其定位。生效的是left和margin-left。
    最后说一下absolute绝对定位，绝对定位是相对于绝对定位的父级元素进行定位，如果没有直接这样的父级元素，就到最近的父级元素。Nargin和left都生效。
其实初学者容易使用绝对定位，但是这种绝对定位不是最理想的，最常用的布局方式是两者结合，还有相应的布局转换，通过js把元素的位置获取到，存起来，再重新设定为绝对定位，可以写一些效果。还要注意一点：生效的属性都是可以叠加的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。