margin外边距的使用

margin :表示多个盒子之间的间距

margin:设置的是同级元素位置之间的拒接

margin:设置外边距 那个元素需要移动就给那个元素添加

margin:不会撑大当前盒子的高宽大小

margin方向值的问题 前端的方向都是顺时针转的

margin 设置一个值 便是上下左右

margin 两个值  也是上下左右

margin 三个值 上左右下

margin 四个值 表示上右下左

方向的属性   marin-top /rigth/bottom/left

margin可不可以用负值   可以

总结：内外边距的固定用法

 *{  margin: 0;  padding:0;  元素的外边距清空

}

版心：{  margin:0; auto:

}  版心居中

margin常见的bug 

当父级元素只有一个子级元素的时候  设置子级元素距离父级元素的上边距 margin-top会错误解析到父级元素   

margin换padding

给父级设置边框

给父级设置浮动

给父级设置文本溢出属性

当两个同级元素默认从大到小排列的时候 给两个元素分别设置margin -bottom /top 会错误的取之间最大值

解决方法  设置一个方向上的值即可