<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{ width: 300px; height: 300px; background: pink; /*绝对定位 特点: 1.以窗口或者body作为自己的参照物进行定位 2.移动之后不会占据原来的位置 3.在所有使用了绝对定位之后的所有标签,都可以设置宽度和高度 * */ position: absolute; left: 100px; top: 100px; } </style> </head> <body> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> <div></div> <span></span> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p> </body> </html> <!--绝对定位-->