Html Css的div设置为绝对居中

效果图：

第一种方式：

Html代码：

<div class=\"box\"><div class=\"a\"></div></div>

Css代码：

.box {position: absolute;top: 50%;left: 50%;}.a {width: 200px;height: 200px;position: relative;top: -100px;left: -100px;border: 1px solid red;}

第二种方式：

Html代码：

<div class=\"box\"><div class=\"a\"></div></div>

Css代码：

.box {position: absolute;top: 50%;left: 50%;}.a {width: 200px;height: 200px;margin: -100px 0px 0px -100px;border: 1px solid red;}