方法一
绝对定位方法:不确定当前div的宽度和高度,采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位(position: relative;)
<style>
.container{
position: relative;
}
.inner{
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50% -50%);
}
</style>
<div class="container">
<div class="inner"></div>
</div>
方法二
绝对定位方法:确定了当前div的宽度,margin值为当前div宽度一半的负值
<style>
.container{
position: relative;
}
.inner{
width: 600px;
height: 600px;
position:absolute;