                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS3+JS 实现超炫的散列画廊特效

wrap的css样式

wrap中，为什么要把margin-top设置为-300px

是小怡不是aunt

2015-12-20

源自：CSS3+JS 实现超炫的散列画廊特效 2-2

关注问题我要回答

1460

操作

收起

1 回答

李晓健
2015-12-20

为了让warp 垂直居中，因为他先用定位设置了一个top:50%; 这样的话这个图片就会下降到50%的调度，也就是warp 的上边沿正好在他原来的中线上，这时就偏下了，因为warp的高度是600，这600应该在上下部分各占一半，也就是300px，但是因为top:50%, 所以这600全到了下边，想居中就得往上移动300，这样才能保证上下部分各300，所以就有了 margin-top:-300px