关于margin的的问题?
来源:4-3 编程练习
装完B就跑_真刺激
2017-12-19 15:36:37
练习过程中发现的问题:
一个大div包裹一个小div,为里面的小div设置margin属性,设置margin-left的时候显示正常,但是设置margin-top的时候却是针对边框进行和了偏移,并没有针对父di进行偏移,按道理不是应该针对蓝色的div边框向下偏移吗?很费解,截图入如下:
代码:
<!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
祝学习愉快~
相似问题