Javascript 如何删除砌体布局右边缘的多余空间

使用布局库，我创建了一个两列布局，您可以在上面看到。在布局的右侧可以看到一个额外的空间。有人能告诉我怎么摆脱它吗

//外部js:mashine.pkgd.js
$（'.grid'）。砌体({
itemSelector:“.grid项”，
排水沟：4，
columnWidth:“.grid sizer”，
//位置：正确
});
*{框大小：边框框；}
正文{字体系列：无衬线；}
/*----网格--*/
.电网{
背景：#EEE；
最大宽度：1200px；
}
/*clearfix*/
.网格：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*----网格项----*/
.grid sizer，
.表格项目{
宽度：48%；
高度：120px；
浮动：左；
/*垂直排水沟*/
边缘底部：10px；
背景：#D26；
边界半径：5px；
}
.grid项--高度2{高度：200px；}
.grid项--高度3{高度：260px；}
.grid项--高度4{height:360px；}

砌体-排水沟、边缘底部
我使用calc填充网格以供参考



//外部js:mashine.pkgd.js
$（'.grid'）。砌体({
itemSelector:“.grid项”，
排水沟：4，
columnWidth:“.grid sizer”，
//位置：正确
});
*{框大小：边框框；}
正文{字体系列：无衬线；}
/*----网格--*/
.电网{
背景：#EEE；
最大宽度：1200px；
}
/*clearfix*/
.网格：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*----网格项----*/
.grid sizer，
.表格项目{
宽度：计算（50%-2px）；
高度：120px；
浮动：左；
/*垂直排水沟*/
边缘底部：10px；
背景：#D26；
边界半径：5px；
}
.grid项--高度2{高度：200px；}
.grid项--高度3{高度：260px；}
.grid项--高度4{height:360px；}

砌体-排水沟、边缘底部
我使用calc填充网格以供参考



//外部js:mashine.pkgd.js
$（'.grid'）。砌体({
itemSelector:“.grid项”，
排水沟：4，
columnWidth:“.grid sizer”，
//位置：正确
});
*{框大小：边框框；}
正文{字体系列：无衬线；}
/*----网格--*/
.电网{
背景：#EEE；
最大宽度：1200px；
}
/*clearfix*/
.网格：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*----网格项----*/
.grid sizer，
.表格项目{
宽度：计算（50%-2px）；
高度：120px；
浮动：左；
/*垂直排水沟*/
边缘底部：10px；
背景：#D26；
边界半径：5px；
}
.grid项--高度2{高度：200px；}
.grid项--高度3{高度：260px；}
.grid项--高度4{height:360px；}

砌体-排水沟、边缘底部