为什么必须给父元素设置相对元素后子元素才会垂直水平居中呢

来源：2-10 编程练习

张凤梅

2019-12-28 18:05:25

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    /*完善下列代码*/
    .per{
     width: 300px;
     height: 300px;
     background: red;
     margin-left:200px;
     margin-top: 200px;
     position:relative;
   }

   .son{
     width: 100px;
     height: 100px;
     background: blue;
     position: absolute;
     margin:auto auto;
     left:0;
     top: 0;
     bottom: 0;
     right: 0;
   }
  </style>
</head>
<body>
  <div class="per">
    <div class="son"></div>
  </div>
</body>
</html>

写回答

1回答