源自：15-3 面试常考题之已知宽高实现盒子水平垂直居中
把宽改为100px之后，margin设为-50px 0 0 -50px 没有居中？
.box1 {
position: absolute;
top:50%;
left:50%;
margin:-50px 0px 0px -50px;
width: 100px;
height: 200px;
border: 1px solid red;
}
提问者：慕村7067317
2020-08-13 10:13
个回答
-
- 慕的地2173049
- 2020-08-13 15:49:33
margin里面上和左是自身宽高值的一半，.box1的高度是200px，margin应该是：-50px 0 0 -100px
-
- 慕仰4133941
- 2020-08-18 11:04:45
上面回答是错的叭，margin：-100px 0 0 -50px，第一个是：-height/2 最后一个是-width/2吧
-
- 慕村7067317
- 2020-08-15 09:49:17
谢谢你
-
- 慕村7067317
- 2020-08-13 10:15:07
这种效果
