<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> div{border:2px solid red;} #box1{ width:200px; height:200px; position:relative; } #box2{ position:absolute; top:20px; left:30px; } #box3{ width:200px; height:200px; position:relative; } #box4{ width:99%; position:absolute; } </style> </head> <body> <div> <div id="box2">相对参照元素进行定位</div> </div> <h1>下边是任务部分</h1> <div id="box3"> <img src=><img src="../Desktop/11.jpg" width="101" height="101" alt=""/> <div id="box4">当我还是三年级的学生时是一个害羞的小女生</div> </div> </body> </html>