请老师帮我检查一下

来源:2-10 编程练习

慕容3245546

2019-06-14 16:29:11

<!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;

     left:100px;

     top:100px;

     /*margin:0 auto;*/

   }

  </style>

</head>

<body>

  <div class="per">

    <div class="son"></div>

  </div>

</body>

</html>


写回答

1回答

好帮手慕糖

2019-06-14

同学你好,这样虽然实现了居中,但是它需要根据父元素宽高进行计算,也就是说如果父元素宽高变化了,里面的内容就不会居中,还是要重新计算。

建议:使用拔河效应,例如left和right都设置为0,左右两边都在拉它,这个时候设置一个auto,例:

http://img.mukewang.com/climg/5d036e8100017dab04200718.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程