1. 程式人生 > >position的簡單用法例項 ----- 方框裡圖片放對應的角標

position的簡單用法例項 ----- 方框裡圖片放對應的角標

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>position.html</title>
  </head>
  <body style="margin:0 auto;">
    <div style="width:200px;height:200px;text-align:center;border:1px solid #e3446e;background:#000;position:relative;"
> <img style="margin-top:50px;width:100px;height:100px;" src="./image/1.jpg" alt=""> <img style="width:30px;height:30px;position:absolute;right:0;bottom:0;" src="./image/lens.png" alt=""> </div> </body> </html>