Html 由于DIV box出现空白，识别问题但无法解决

如果框与

overflow-x一起使用：隐藏，盒子会被剪掉，看起来很难看

我已经附上了正确的一个，它应该是完整的，盒子不应该越过右边的盒子


.row{
宽度：1140px；
保证金：0自动；
}
.电网{
显示：块；
浮动：左；
利润率：1%01%1.6%；
}
.grid：第一个孩子{
左边距：0；
}
.第1页，共3页{
宽度：32.26%；
}
.第2页，共3页{
宽度：66.13%；
}
.联络表格{
宽度：60%；
保证金：0自动；
}

名称
技术上没有问题

.span-1-of-3 {
  width: 32.26%;
}

.span-2-of-3 {
  width: 66.13%;
}

.span-2-of-3
比
.span-1-of-3
大，所以它需要更多的空间，或者你可以说
。span-2-of-3
是
的两倍。span-1-of-3






解决方案
使两者相等，如
50%
或
49%
等

.span-1-of-3, 
.span-2-of-3 {
  width: 49%;
}




.row{
宽度：1140px；
保证金：0自动；
}
.电网{
显示：块；
浮动：左；
利润率：1%01%1.6%；
}
.grid：第一个孩子{
左边距：0；
}
.第1页，共3页，
.第2页，共3页{
宽度：49%；
}

名称
Plz添加一些代码。抱歉，因为我是初学者，请看一看。Eric您仍然没有添加任何代码…页面上有20个框，请添加您尝试过的内容的摘要，以及问题所在。您当前提供的代码只包含两个元素。。添加一些东西，以便我们可以测试…您在句子中使用的是
it
，我们如何知道您针对的是哪个元素。我已经更改了前两个框的跨度宽度，但看起来框仍然比div框大。@Eric than Plz提供完整的代码。您可以添加到codepen的链接或编辑您的问题。我已添加到codepen。请看一看@Eric我看不到右边的盒子重叠，或者左边的盒子更大，从右边过来@Eric读到：