我习惯性把 图中所示的margin界限称为外边距，padding填充一部分称之为内边距。设定外边距最好是的1个方式便是设定margin值，同理，设定内边距的最好是 方法便是设定padding了。设定内边距没甚么好说的，设定的值是是多少便是是多少，不容易出現甚么出现异常，即访问器的适配性层面，但外边距就不1样了。
设定外边距，最先想起的是应当是双边距的难题。假如设这边距的这个元素另外设定了浮 动，那末波动的这个方位假如有margin值的话，那末在ie6里边的具体间距是设定值的双倍。要处理这个难题不繁杂，要是给这个元素加个 display：inline特性便可，但不提议这么做，由于这无形中中提升了编码的品质，带宽很贵的哦，最好是的方法便是在波动的方位不设定margin 值，由于这个能够用别的的方式完成的，例如padding，或设定在父层连接点的style。
在1个难题便是竖直双编剧的合拼难题。当两个竖直的双边距相遇时，它们将产生1个边距，合拼后的边距等于产生合拼的边距的较大值。
<style type="text/css">
*{padding:0;margin:0;}
.box{width:200px;height:120px;margin:0 auto;background:#FFC;}
.d1,.d2{height:40px;width:100%;overflow:hidden;}
.d1{background:#f00;margin-bottom:20px;}
.d2{background:#0033CC;margin-top:10px;}
</style>
<div class="top" style="height:100px;width:100%;"></div>
<div class="box">
<div class="d1"></div>
<div class="d2"></div>
</div>
看到这样的编码，顺着编码的逻辑思维看，这段编码的实际效果应当是d1控制模块和d2控制模块有个间隔，间隔值是d1的margin-bottom的20和d2的margin-top的10相加的和，但实际上要不然。看1下实际效果图吧。
具体两个控制模块的间隔是20，这便是竖直双编剧的合拼难题了。有时遇到这样的状况不知道所然，不知道如何回事，后来才了解了竖直双边距。了解了难题 的根本原因，那末处理这个难题的最好是方法便是防止这个难题的出現了。我是这么做的，较为懒散的作法，但是肯定合理哈。
也有1个很不人的本性化的标准，便是1 个盒子，即1个控制模块假如沒有上边距（margin-top）或上边框（border-top），那末这个盒子的上边距会和这个盒子的第1个子元素的上边 距重叠。不说甚么了，把编码和实际效果贴上，直观，易了解。了解了难题所属就了解了如何防止难题的出現了。
我对这些的了解全是根据css中的盒子实体模型，不知道道大伙儿有没关心过，我会在后来博文中补上盒子实体模型这1点，期待大伙儿关心。第1次写blog，觉得有点不习惯性，我会坚持不懈，提升自身的文本水平，勤奋让自身有1个提升，另外也能将我的见解和大伙儿共享。