css3 通过transform定位居中
html:
1 <div class="box"></box>
css:.d1 {
width: 100px; height: 100px; background-color: #abcdef; position: fixed; left: 50%; top: 50%;
/*貌似transform: translate3d()的X Y Z如果是百分比指的是元素本身自己的长宽*/ -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }