摘要： 1、relative。定位为relative的元素脱离正常的文本流中，但其在文本流中的位置依然存在。如图1：黄色背景的层定位为relative，红色边框区域为其在正常流中的位置。在通过top、left对其定位后，从灰色背景层的位置可以看出其正常位置依然存在。2、absolute。定位为absolute的层脱离正常文本流，但与relative的区别是其在正常流中的位置不在存在。如图2：可以看到，在将黄色背景层定位为absolute后，灰色背景层自动补上。3、relative与absolute的主要区别：首先，是上面已经提到过的在正常流中的位置存在与否。其次，relative定位的层总是相对于其最 阅读全文