位置:相对

  1. <html>
  2.  
  3. <head>
  4. <style>
  5. h1.ex1
  6. {
  7. position:relative;
  8. left:20px;
  9. }
  10. h1.ex2
  11. {
  12. position:relative;
  13. left:-20px;
  14. }
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <h1>Normal Heading</h1>
  20. <h1 class="ex1">Heading +20</h1>
  21. <h1 class="ex2">Heading -20</h1>
  22.  
  23. <p>相对定位相对于元素的正常位置对其进行移动。</p>
  24. <p>"left:20" 给元素的 LEFT 位置增加 20 像素。</p>
  25. <p>"left:-20" 从元素的 LEFT 位置减去 20 像素。</p>
  26. </body>
  27.  
  28. </html>