Question

css中的position的定位问题

请问position中的static absolute relative fixed有什么区别呢？能不能给出直接的代码来看看？

Answer 1

static 静态定位，或者说不定位，元素的位置由文档流来决定，这是默认值；
absolute 绝对定位，就是在整个文档区域指定一个坐标（注意是整个文档的大小，不是窗口的大小，文档大小是可以超出窗体大小的），然后元素就被定位到这个位置上。就好比在地球上指定东经xxx度，北纬yyy度，我们就可以得知这个地方在哪；

relative 相对定位，就是根据元素当前所在位置（或者说定位前的位置）来决定元素定位后的位置。就好比在地球上说“往东100米，往南50米”，就是根据你当前所在的位置来说的；
fixed 固定定位，这个和absolute类似，但它是以浏览器窗口的可见范围为定位基准的，这样的话，当用鼠标滚轮卷动页面（或者点击滚动条）时，用fixed定位的元素是会保持位置不变，不会随页面滚动的（而absolute定位的元素则会随着页面内容滚动）。
注：你可以自己写代码进行测试的。要善于利用浏览器的开发者模式（按F12）。