做一个在页面中相对定位的例子。画一个方框定位在页面水平，垂直都居中的div

<style>
div {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 20%;
  left: 20%;
  margin-left: -50px;
  margin-top: -50px;
  border: 1px solid #555;
}
</style>
<div>test</div>