<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS 定位:relative && absolute</title> <style> .relative{ background-color: #0f0; width: 100px; height: 100px; position: relative; right: 200px; bottom: 200px; } </style> </head> <body> <div> <div> <!-- --> </div> </div> </body> </html>
第一次你设置right:200px;bottom:200px;的时候div相对自身位置的最右最下往左往上移了200px;所以看不见盒子了,当对立属性同时存在的时候,听top以及left的,他们是老大~