再见margin属性

margin与padding常用在来调整元素与元素之间的距离：

margin调整元素间距离：

<div class="div1"></div>
<div class="div2"></div>

其中style的设置：

html,body{
background:black;
}

.div1{
background:red;
width:100px;
height:100px;
}

.div2{
width:100px;
height:100px;
background:green;
margin-left:100px;
margin-top:100px;
}

显示的格式：

html,body{
background:black;
margin:0;
padding:0;
}

.div1{
background:red;
height:200px;
width:200px;
padding:100px 100px;
}

.div2{
width:100px;
height:100px;
background:green;
}

View Code
效果如下：



如果没有padding：



padding属性使得div2距离div1上下都有100px;

maring是元素之间，而padding是针对元素内。