margin对布局的影响

双飞翼布局：中间固定，两端自适应

圣杯布局：中间自适应，两端固定

margin是外边距，属性值是数字，数字又分正负

整数：margin：20px；说明上、右、下、左外边距都是20px；

负数：　在static元素中（标准流下）margin-left为负数当前元素向左走，margin-top为负数当前元素向上走

　　　　Margin-bottom为负数后当前元素不动后面的元素向上走，margin-right为负数当前元素不动后面的元素向左走

注意：margin为负会增大当前元素的宽（前提是当前元素没有设置width）

 　　　　在float下，给元素margin-left为负当前元素向左走，margin-right为负后一个元素向左走会覆盖当前元素

　　　　在absolute下，margin为负，让元素居中，前提是知道元素的宽高。

Margin为负无论在什么条件下都是释放自己的空间，如果自己的margin不够，就把自己的宽高贡献出去。

 

 

 

转载于:https://www.cnblogs.com/gdqx/p/9767847.html