css 笔记：前端开发中的“居中”，绝对定位，transform和flex布局：相对绝对定位 - 1

Posted 2021-05-13

/* center by traditional relative/absolute position */
/* parent */
.box.box_centerByAbsolute {
 position: relative;
}

/* child */
.box.box_centerByAbsolute .content {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -90px; /* box 的宽度是 180px */
 margin-top: -50px; /* box 的高度是 100px */
}