码迷,mamicode.com
首页 > 其他好文 > 详细

盒模型 边距 缩写 注意问题

时间:2014-08-19 10:46:41      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:style   color   使用   ar   问题   ad   sp   c   

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

例如:

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

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

边距合并:

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

 

IE6下的margin  bug

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

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

2.元素必须具有横向margin

 

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

盒模型 边距 缩写 注意问题,布布扣,bubuko.com

盒模型 边距 缩写 注意问题

标签:style   color   使用   ar   问题   ad   sp   c   

原文地址:http://www.cnblogs.com/bjchenxn/p/3921357.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!