CSS外边距合并代码

我习惯把 图中所示的margin边界称为外边距，padding填充部分称之为内边距。设置外边距最好的一个方法就是设置margin值，同理，设置内边距的最好 办法就是设置padding了。设置内边距没什么好说的，设置的值是多少就是多少，不会出现什么异常，即浏览器的兼容性方面，但外边距就不一样了。

设置外边距，首先想到的是应该是双边距的问题。如果设这边距的这个元素同时设置了浮 动，那么浮动的这个方向如果有margin值的话，那么在ie6里面的实际距离是设置值的双倍。要解决这个问题不复杂，只要给这个元素加个 display：inline属性即可，但不建议这么做，因为这无形中增加了代码的质量，带宽很贵的哦，最好的办法就是在浮动的方向不设置margin 值，因为这个可以用其他的方法实现的，比如padding，或者设置在父层节点的style。

在一个问题就是垂直双编剧的合并问题。当两个垂直的双边距相遇时，它们将形成一个边距，合并后的边距等于发生合并的边距的较大值。

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表