例题请教啊

在例题中，.wrapper设置了绝对定位，然后他自身又translate(-50%,-50%);这里的50%是相对于谁来说的？是它自身的50%吗？

天窗的蚂蚁

2016-01-08

源自：十天精通CSS3 8-4

关注问题我要回答

829

操作

收起

2 回答

缪小苗
2016-02-24

http://www.imooc.com/wenda/detail/310427 我在这里写了一下，你看一下立马明白了

1 回复有任何疑惑可以回复我~

收起回答

bluerat
2016-01-09

设置绝对定位以后top:50%,left:50%是相当于wrapper的左上角在屏幕中央。但是wrapper的宽度和高度未知,自然整个wrapper是不在屏幕中央，要设置wrapper在屏幕中央就得设置wrapper自身的中心点在屏幕中央，把wrapper自身向x,y轴向反方向（向左和向上）各移动50%,即把整个wrapper水平和垂直居中了。