老师~~!我遇到了一个意外~~求救~~!!!

我是CSS初学,在边做边学.跟老师在做海报旋转的时候遇到了一个问题(在前段编辑最后一块). 加入

        .photo_front .photo-wrap{
            -webkit-transform: rotateY(0deg);
        }
        .photo_back .photo-wrap{
            -webkit-transform: rotateY(180deg);
        }

后,我打开浏览器(谷歌) 出现了想这样的问题:

然后,我在调试栏中给photo-wrap的样式-webkit-transform: rotateY(180deg);去掉,就好了,我在给它勾上,竟然也没问题,但是如果这个时候将浏览器的大小调整一下的话,又变成这个样子了.

折腾了好长时间了,老师帮帮我吧