神奇的position:relative;

我承认我又标题党了，这里想说的是相对定位的设置有时候会起决定性的作用，比如在是否随滚动条移动时的控制。 先上两个示例： position:static;

我定住了

移动滚动条看看~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

position:relative:

我动了

移动滚动条看看~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

设置了position:relative后，.fixed元素就是相对父框定位了，如果移动滚动条，父框也就移动了，.fixed元素相对父框也就移动了，如果没设置，即使用默认的position:static则会继续往上寻找非position:static的元素，移动滚动条，只有父元素移动，其非position:static的祖先元素没有移动，所以.fixed元素也就定住了。 而最近一步的是使用position:fixed，相对于浏览器窗口定位。