首页 > 代码库 > 盒模型 边距 缩写 注意问题

盒模型 边距 缩写 注意问题

当四个边距都相同,或者上下相同并且左右相同的时候可以使用缩写,另外左右相同的时候也可以使用缩写,但是如果仅仅是上下相同,则不可以使用缩写;

例如:

左右相同:margin:10px 15px 11px

如果上下边距都是10px,但是也用缩写的时候:margin:10px 15px 11px,就跟上边一样,所以,这个时候是错误的;

边距合并:

margin在左右方向上是叠加的,但是上下方向上却是叠加的,取两个当中最大值;

 

IE6下的margin  bug

IE6会在特定的条件下,将设置的横向margin值变成两倍,条件:

1.元素必须浮动(float);

2.元素必须具有横向margin

 

padding是没有自适应的,只有margin才有,margin:0 auto;