                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /HTML5+CSS3实现春节贺卡

图中这种状况为何会出现

我以为是自己哪里搞错了，但是突然看到老师的也是这样的

13:15

sandogeek

2016-02-11

源自：HTML5+CSS3实现春节贺卡 3-8

关注问题我要回答

709

操作

收起

4 回答

误尽此生
2016-03-29

老师视频里也有这个问题，估计是outer的问题，outer作为一个元素有width，padding，border，margin这几个值构成了整个盒子模型，但是老师在样式设置时导致margin为自动，因此会有一个比较大的margin，最后在旋转时撑破了界面，你注意检查那个元素就会发现那个问题。我的解决方法时避免设置padding，margin（都控制为0），采用right，top居中后就能避免这个问题。但是这个方法的局限在于不是真正意义的居中，我也在考虑更好的办法。希望能和大家一起讨论。