margin-left与left、margin-right与right区别

margin-left与left区别

可扩展为margin-left、margin-top、margin-bottom、margin-right与left、top的区别

1. 使用margin-left时，父容器不考虑是否设置了position
2. 使用left前提是必须设置本身的position:absolute或relative，否则不生效，top等亦是如此

margin与padding区别

1. margin：0 auto 表示距离顶部0其它按浏览器自适应，margin：10% 20%；表示距离上下10%；左右20%
margin表示外间距，容器外部距离其它容器的间距
2. padding：表示容易内间距，容器内的内容距离容器本身个边上的间距，不允许使用负值

试容器居中的方式

设置定位：距离顶部top50%，则容器整体距离顶部50%； margin-top: -400px;距离顶部-400px;表示容器的一半大小；刚好居于中间

width:800px;
height:800px;
position: absolute;
top: 50%;
margin-top: -400px;
left: 50%;
margin-left: -400px;