css3 scale缩小后占位?

Question

比如我定义一个div 它的宽为100px 那么我设置了scale(.5)后，宽是变成了50px，但是是在文档中，他所占的位置依然是100px，只不过50px变成了居中，要怎么解决这个问题？

Answer 1

position: absolute;

top:50%;

left:50%;

transform-origin: top left;

transform: scale(0.4) translate(-50%,-50%);