css margin可改变容器的尺寸
可视尺寸：实线包含部分（border及border以内）
占据尺寸：虚线包含部分（margin及margin以内）
margin与可视尺寸
1.适用于没有设定weight，height的普通block水平元素
如float元素，absolute，inline，table-cell都不适用
2.只适用于水平方向 
改水平方向的值：有变化 
改垂直方向的值:无变化 
利用该特效果性实现的效果——“一侧定宽自适应布局”
img{
float: left;
width: 300px;
}
h3{
margin-left:320px;/*该值要超过图片的宽度*/
}
margin与占据尺寸
1.block，inline-block水平元素均适用
2.与width，height无关
3.使用于水平方向和垂直方向
利用该特效果性实现的效果——“滚动容器上下留白”
img{
width: 300px;
margin:50px 0;
}