wrap的css样式

来源:2-2 基本界面编写

是小怡不是aunt

2015-12-20 16:38

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

写回答 关注

1回答

  • 李晓健
    2015-12-20 21:29:42

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

CSS3+JS 实现超炫的散列画廊特效

实现更自由的切换照片的画廊效果,打造超酷的切换动画

46091 学习 · 215 问题

查看课程

相似问题