2-11代码这样写可以吗?

来源:2-11 编程练习

weixin_慕田峪7033080

2020-02-25 22:47:35

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

     overflow:hidden;

     /*position:relative;*/

   }


   .son{

     width: 100px;

     height: 100px;

     background: blue;

     position:absolute;

     top:0;

     left:0;

     right:0;

     bottom:0;

     margin:auto;

  

 

     

   }

  </style>

</head>

<body>

  <div class="per">

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

  </div>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-02-26

同学你好, 这样是不可以的。 练习要求如下:可以结合right和bottom属性实现效果。

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

建议:直接给一个盒子使用绝对定位设置添加样式实现效果就可以了。

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~


0

0 学习 · 40143 问题

查看课程