关于margin是负值的问题

Question

在第三章第四节中，iPhone的div的CSS居中50%左和50%的上后，为什么还要加一句margin：-270px 0 0 -170px这句呢？不太懂，作用是什么，我想了解下

Answer 1

Lyn 2016-06-06 14:01:59

这个是 水平&垂直 剧中法。

元素在容器中设置为 left:50%,top:50%；后，会以自身的左上角为定点，进行偏移，此时，左上角订单在容器的正中心。

然后把元素自身的宽度的一半进行 负左偏移（正左偏移整体会向右走），那么水平角度上，这个元素就剧中了，垂直的同理。

你可以尝试修改

margin: 0 0 0 0;

然后再修改

margin : -270px 0 0 0 ;

然后再修改

margin : -270px 0 0 -170px ;

看看效果。

• 提问者 专注前端的全栈 #1

  对哦，忘记把宽度和高度给算进去了，谢谢老师