当四个边距都相同,或者上下相同并且左右相同的时候可以使用缩写,另外左右相同的时候也可以使用缩写,但是如果仅仅是上下相同,则不可以使用缩写;
例如:
左右相同:margin:10px 15px 11px
如果上下边距都是10px,但是也用缩写的时候:margin:10px 15px 11px,就跟上边一样,所以,这个时候是错误的;
边距合并:
margin在左右方向上是叠加的,但是上下方向上却是叠加的,取两个当中最大值;
IE6下的margin bug
IE6会在特定的条件下,将设置的横向margin值变成两倍,条件:
1.元素必须浮动(float);
2.元素必须具有横向margin
padding是没有自适应的,只有margin才有,margin:0 auto;
盒模型 边距 缩写 注意问题
时间: 2024-10-08 19:35:25