CSS外边距合并代码

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

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

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

实际两个模块的间距是20，这就是垂直双编剧的合并问题了。有时候遇到这样的情况不知所然，不知怎么回事，后来才知道了垂直双边距。知道了问题 的根源，那么解决这个问题的最好办法就是避免这个问题的出现了。我是这么做的，比较懒惰的作法，不过绝对有效哈。

还有一个很不人性化的规范，就是一 个盒子，即一个模块如果没有上边距（margin-）或者上边框（border-），那么这个盒子的上边距会和这个盒子的第一个子元素的上边 距重合。不说什么了，把代码和效果贴上，直观，易理解。知道了问题所在就知道了怎么避免问题的出现了。

我对这些的理解都是基于css中的盒子模型，不知道大家有没关注过，我会在后来博文中补上盒子模型这一点，希望大家关注。第一次写博客，感觉有点不习惯，我会坚持，提高自己的文字水平，努力让自己有一个提高，也能将我的观点和大家分享。