之前开发的过程中碰到一个小问题，就是有个大的box元素，里面有个定位的图片，如图所示：
现在希望hover上去之后呢，图片有放大效果，这一看，就很简单，吭哧吭哧就给写好了，等到测的时候呢发现就发现有个bug，图片的位置跑了，但其实呢， transform-origin: center;这个控制放大中心的属性已经加上了，但是还是不起效果，如下图，它是按照右下角的方向去移动的。
最终采用的解决办法是： 给定位的图片元素外面在包一层img-box，由img-box来实现定位，里面的图片之前width:100%适应在这个盒子里就好，这样相当于把图片定在一个地方，在固定的地方进行放大缩小操作。
虽然问题暂时是解决了，但是原理还是不太理解， transform-origin: center;这个属性为什么起效果，大神看到就教教孩子吧。具体原因还有待我考察。
