制作上面的小盒子要使用绝对定位，居中
但是
<style>
.box {
position: absolute;
margin: 0 auto;
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div class="box">
</div>盒子并没有居中对齐
解决办法：
/* 第一步left 走50%，父容器宽度的一半 */
left: 50%;
/* 第二步 margin负值，走自己盒子宽度的一半 */
margin-left: 负的自己宽度的一半;
想要垂直居中：
/* 第一步left 走50%，父容器高度的一半 */
top: 50%;
/* 第二步 margin负值，走自己盒子高度的一半 */
margin-top: 负的自己高度的一半;
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
