CSS 使用calc()
示例
该calc()函数是CSS3中新语法的一部分，您可以在其中通过使用各种值（例如像素，百分比等）来（以数学方式）计算元素所占的大小/位置。注：-每当使用此函数时，始终关心两个值之间的空间calc(100%-80px)。
的CSS
.center {
position: absolute;
height: 50px;
width: 50px;
background: red;
top: calc(50% - 50px / 2); /* height divided by 2*/
left: calc(50% - 50px / 2); /* width divided by 2*/
}的HTML
<div class="center"></div>