例:
要讓一個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定位點相對父級居中道批。
再設(shè)置margin-top, left,為,負的自身height入撒,width的50%隆豹,因margin是相對自身原本位置進行定位,所以茅逮,
最終結(jié)果為div的中點璃赡,相對于其父級,居中献雅。達到我們想要的結(jié)果