CSS参考手册对position属性的解释：static：对象遵循正常流向。此时，4个定位偏移属性将不会被应用。relative：对象遵循正则流，指的是自身在正则流中的位置，被top、right、bottom、left四个定位偏移属性偏移时，不会影响正则流中的任何元素。absolute：对象不在常规流中。此时，offset属性指的是最近定位的祖先元素。如果没有定位的祖先元素，它将返回到body元素。框的偏移位置不会影响正常流中的任何元素，并且它的边距不会与任何其他边距重叠。fixed：与absolute一致，但offset定位是基于window的。出现滚动条时对象不滚动。对于上面的描述，下面通过几个例子来说明一下，但是你对正则流的第一认识是什么？常规流也称为文档流。常规流程是指元素根据其在HTML中的位置进行排列的过程。主窗体是自上而下，一行一行，每行从左到右。就像搭积木一样，10%到10%，从下到上搭积木（从上到下有规律的流动），很容易理解，它脱离了常规流动，即搭积木不占原来的位置。以下示例的html布局：
