记住:body的默认margin:8px
absolute:脱离原来的位置进行定位，最近的有定位的父级进行定位，如果没有，那么相对于文档进行定位。
relative:保留原来位置进行定位，相对自己原来的位置进行定位
fixed:固定定位，保留在固定的位置
relative参照，absolute进行定位
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>中间位置广告</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; position: fixed; left: 50%; top:50%; background-color: red; margin-top: -50px; margin-left: -50px; } </style> </head> <body> <div></div> </body> </html>
