<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>relative样式</title> <style type="text/css"> #div1{ width:200px; height:200px; border:2px red solid; position:relative; left:100px; top:50px; } #div2{ width:200px; height:200px; border:2px blue solid; } </style> </head> <body> <div id="div2"></div> <div id="div1"></div> </body> </html>
看到前面童鞋写的代码,我小改了一点想这样来理解“偏移前的位置保留不动”会不会直观一些,偏移前的位置相当于一个空的占位符,没有东西,但是位置还保留在那边。老师,我这么理解对么?