前端布局绝对定位后子元素无法居中
示例代码:
.father_div{
position: relative;
height: 300px;
width: 300px;
background:black;
}
.son_div{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -50px;
height: 100px;
width: 100px;
background: red;
}
实际上就是给div2一个left为50%,然后使margin-left的值为div2的一半就可以实现居中了(注意是-50px,不是50px)
left: 50%;
margin-left: -50px;