为什么son元素的外边距不是相对父元素per元素来设置的

来源:2-10 编程练习

慕斯卡8219338

2019-11-24 15:38:39

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

   .son{
     width: 100px;
     height: 100px;
     background: blue;
     margin-left:100px;
     margin-top:100px;
   }
  </style>
</head>
<body>
  <div class="per">
    <div class="son"></div>
  </div>
</body>
</html>


写回答

1回答

好帮手慕星星

2019-11-24

同学你好,son元素的外边距是相对父元素per元素来设置的,但是父元素会跟着一起下落,这是浏览器的一个bug。可以在父容器中添加overflow属性消除影响:

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

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

另外,练习中要求使用定位实现,参考修改:

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

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

0

0 学习 · 40143 问题

查看课程