例:
要讓一個width:100px ; height: 100px;的div,相對body居中。
div{ width:100px; height:100px; border: 1px solid black; box-sizing: border-box;?
position:absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;}
因為絕對定位是相對于父級進行的定位,而margin是相對于自身進行定位。
所以,先對div絕對定位,相對于父級,距左50%,距右50%。使div定位點相對父級居中。
再設置margin-top, left,為,負的自身height,width的50%,因margin是相對自身原本位置進行定位,所以,
最終結果為div的中點,相對于其父級,居中。達到我們想要的結果