Html 在纯CSS砌体布局中框底的奇怪间距？

我有一个纯CSS的曼森布局问题。我对方框使用

position:relative

，对每个方框内的内容使用

position:absolute

。然而，我注意到当我使用

position:absolute

时，每个框下都有一个间隙。我想不出怎么修理它。您也可以通过此代码笔查看：

HTML

@import“compass/css3”；
*，*：之前，*：之后{框大小：边框框！重要；}
.服务业{
-moz列间距：0；
-webkit列间距：0；
-moz列计数：3；-webkit列计数：3；列计数：3；
位置：相对位置；
显示：块；
宽度：100%；
}
#服务{
显示：内联块；
保证金：0；
填充：1rem；
宽度：100%；
高度：250px；
位置：相对位置；
}
#服务范围{
位置：绝对位置；
底部：0；
左：0；
填充：20px；
垂直对齐：底部对齐；
}
.a1{
背景色：#0026e7；
颜色：#FFF；
}
.a2{
背景色：/*#189ed8*/#ffffff；
颜色：/*#FFF*/#998b75；
}
.a3{
背景色：/*#fff*/#bac0b8；
颜色：/*#998b75*/#ffffff；
}
.a4{背景色：646664；
颜色：#FFF；
}
.a5{背景色：#0026e7；
颜色：#FFF；
}
.a6{背景色：#29a1e6；
颜色：#FFF；
}
.a7{背景色：#fff；
颜色：#998b75；
}
.a8{背景色：#bac0b8；
颜色：#FFF；
}
.a9{背景色：#fff；
颜色：#998b75；
}
.a10{背景色：#0029e5；
颜色：#FFF；
}
.a11{背景色：5e605e；
颜色：#FFF；
}
/*背景色样式等；这东西没必要用*/
身体{
填充：1em；
字体系列：“Garamond”，衬线；
}
h1{
字体大小：3rem；
字号：800；
}
身体{
线高：1.25；
}
p{
文本对齐：左对齐；
}

纯CSS砌体
通过使用CSS3列，我们可以轻松创建一个类似于massy.js的布局，其中随机高度的块可以组合在一起

施工项目的公式和评估

Mantenimiento Varios（大厦、Calles、entre otros）

疾病：Arquitectónico、居住、工业、城市和商业

塔鲁德斯，穆罗斯

项目主管

建筑工程项目经济可行性研究（Estudios de Factibilidad Técnica）

这是一个完整的体系结构

特拉米托洛尼亚

奥布拉斯德梅拉西翁酒店

文明建设与改造：

商业中心、城市化中心、基础设施：Hidráulica y Víal、综合工业、旅游、拉科里沃、十太平洋中心、vivienda、教育中心、医院、塔卢德斯、穆罗斯、缓解措施

阿普利卡西翁·德·皮图拉（Aplicación de pintura）在奥特罗斯中心的工业区

在混凝土中实现无破坏性的设备

添加

垂直对齐：顶部至
#服务


@import“compass/css3”；
*，*：之前，*：之后{框大小：边框框！重要；}
.服务业{
-moz列间距：0；
-webkit列间距：0；
-moz列计数：3；-webkit列计数：3；列计数：3；
位置：相对位置；
显示：块；
宽度：100%；
}
#服务{
保证金：0；
填充：1rem；
宽度：100%；
高度：250px；
位置：相对位置；
垂直对齐：顶部；
显示：内联块；
}
#服务范围{
位置：绝对位置；
底部：0；
左：0；
填充：20px；
垂直对齐：底部对齐；
}
.a1{
背景色：#0026e7；
颜色：#FFF；
}
.a2{
背景色：/*#189ed8*/#ffffff；
颜色：/*#FFF*/#998b75；
}
.a3{
背景色：/*#fff*/#bac0b8；
颜色：/*#998b75*/#ffffff；
}
.a4{背景色：646664；
颜色：#FFF；
}
.a5{背景色：#0026e7；
颜色：#FFF；
}
.a6{背景色：#29a1e6；
颜色：#FFF；
}
.a7{背景色：#fff；
颜色：#998b75；
}
.a8{背景色：#bac0b8；
颜色：#FFF；
}
.a9{背景色：#fff；
颜色：#998b75；
}
.a10{背景色：#0029e5；
颜色：#FFF；
}
.a11{背景色：5e605e；
颜色：#FFF；
}
/*背景色样式等；这东西没必要用*/
身体{
填充：1em；
字体系列：“Garamond”，衬线；
}
h1{
字体大小：3rem；
字号：800；
}
身体{
线高：1.25；
}
p{
文本对齐：左对齐；
}
纯CSS砌体
通过使用CSS3列，我们可以轻松创建一个类似于massy.js的布局，其中随机高度的块可以组合在一起

施工项目的公式和评估

Mantenimiento Varios（大厦、Calles、entre otros）

疾病：Arquitectónico、居住、工业、城市和商业

塔鲁德斯，穆罗斯

项目主管

建筑工程项目经济可行性研究（Estudios de Factibilidad Técnica）

这是一个完整的体系结构

特拉米托洛尼亚

奥布拉斯德梅拉西翁酒店

文明建设与改造：

商业中心、城市化中心、基础设施：Hidráulica y Víal、综合工业、旅游、拉科里沃、十太平洋中心、vivienda、教育中心、医院、塔卢德斯、穆罗斯、缓解措施

阿普利卡西翁·德·皮图拉（Aplicación de pintura）在奥特罗斯中心的工业区

在混凝土中实现无破坏性的设备

是的，它会工作的。然而，当我在我的实际网页上使用它时，高度