面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现

利用负值来实现居中。可以脑补画面离左右都是50%，刚好可以居中，但是DIV位置在哪里，距左右外边框各负50%宽度。

<div id="div1"></div>

body{margin: 0;}
  #div1{ width:200px;height: 200px;position: absolute;background-color: aqua;
    left: 50%;top:50%;margin-left: -100px;margin-top: -100px;}