另外，当两多个元素并列分布时，设置它们之间的间距也是—个较复杂的问题，它需要由两个对象的多个参数共同控制。
如左图所示左右两个元素之间的实际间距应为：左边元素的右补白、右边界与右边元素的左补白、左边界的总和。如果左在右两边元素定义了边框宽度，即border-width属性，则两个元素的间距也会随之发生变化，此时就需要把两个边框宽度也加进去。上图的CSS布局代码如下：
根据规则,上图左右元素内容之间的实际间距就等于120px。如果我们要调整元素之间的间距，可以调整左右两侧元素相邻的4个属性中任意一个属性值，或者同时调整多个属性值。
例如，如果希望并列分布的元素都间隔2px，解决方案如下：方案一，定义每个对象左边界为2像素，而右边界为0，即margin-1eft：2px；margin-right：0px；方案二，定义每个对象左右边界分别为1像素，即margin-left: lpx;margin-right: lpx;。天津网站建设，天津网站优化，汽车玻璃，商业策划招商，钢板桩租赁，天津废锡回收，天津网站制作
在初学阶段，读者常常会遇到控制对象之间的间距并非是想要的效果，这主要是因为计算两个对象的margin和padding属性值不准确造成的。另外，由于IE 5.x及以下版本浏览器计算2个元素之间的距离时，会把border属性值计算在内，因此，这也给元素的布局增添了更多不确定因素。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
与元素间的并列间距相比，元素间的垂直间距似乎要复杂一点，而且计算方式也截然不同,下面通过示例来进行分析。垂直相邻元素的边界会发生相互重，且这种重叠不是个现象，所有浏览器都支持这种重叠。就是说当我们在进行布局时，必须考虑到上下边界重叠问题，并把这种损耗计算进去。上图效果的CSS布局代码如下：继续思考：上下相邻元素中是不是下边元素的上边界都会被覆盖掉呢？艮显然，在图4.10中所示的上下相邻元素的实际间距与图4.9所示是不同的，因此我们就不能用上述方法来计算两个元素之间的实际间距。但是，如果选中下边元素，我们可以很清楚地看出上下相邻元素的实际间距，如图4.11所示，用公式可以表示为：边元素的下补白+上边元素的下边框+下边元素的上边框+下边元素的上边框+下边元素的上补白。
此时，读者可能就明白了：计算上下相邻元素的实际间距时，应先判断上下元素的最大边界值，然后用最大边界值参与实际间距计算。换句话说，当上下相邻元素的边界重叠时，小的边界将被覆盖掉。上面示例中的CSS布局代码如下：问题是不是到这儿该明确了呢？案是否定的，也许你在设计时需要或尝试修改其中的代码，但各种难以预料的事情也会随之发生。许你想定义上边元素单独浮动，或者设置下边元素单独浮动，或者还想用其他元素来实现布，如p。ul、span等，如此等等这些想法在实际操作中都是会遇到的，但显示效果却变得更加难以预料。同时，各种浏览器又自行其是，使得网页设计师的设计工作变得异常艰辛和难以预料。