关于margin的的问题?

来源:4-3 编程练习

装完B就跑_真刺激

2017-12-19 15:36:37

练习过程中发现的问题:

一个大div包裹一个小div,为里面的小div设置margin属性,设置margin-left的时候显示正常,但是设置margin-top的时候却是针对边框进行和了偏移,并没有针对父di进行偏移,按道理不是应该针对蓝色的div边框向下偏移吗?很费解,截图入如下:

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

代码:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title>慕课网</title>

<style type="text/css">

*{

margin: 0;

padding: 0;

  }

  .bc{

   width: 300px;

   height:200px;

   background: blue;

   /*padding: 20px;*/

   /*margin-top: 50px;*/

  }


  .sun{

   width: 100px;

   height: 100px;

   background: pink;

   margin-left: 50px; 

   margin-top: 50px;


</style>

</head>

<body>


<div class="bc">

<div class="sun"></div>

</div>



</body>

</html>


写回答

1回答

好帮手慕糖

2017-12-19

你好,关于margin-top这个,可参考如下这个问题来理解下:http://class.imooc.com/course/qadetail/4697 

祝学习愉快~

0

0 学习 · 36712 问题

查看课程