Html div宽度加起来小于100%

我需要在同一行中对齐两个div，并设置第一个

宽度：100px

我想设置第二个div
width:calc（100%-100px）然后div将转到下一行。我必须做一个
100%-102px
，这样两个div可以保持在同一行

我的问题是为什么这两个分区的宽度加起来不是100%？它总是少一两个像素


.line{
宽度：100%；
}
.第一组{
显示：内联块；
宽度：100px；
}
.第二组{
显示：内联块；
宽度：计算（100%-100px）；
}

第一组
第二组
您需要包括CSS重置样式表。否则，您可能会看到浏览器的内置填充。
这是因为您从100%中减去了102像素。
一点数学：
如果100%是1000像素：
你说一个div应该是100px。
到目前为止一切都很好。那么：100%-102px在这种情况下意味着：1000px-102px=898px。如果现在将第一个div的宽度添加到第二个div，则会得到：
898px+100px=998px。这当然不是100%。
啊，我完全明白你错在哪里了。请记住，空白有一个宽度！换行符也是空白，这会压缩为一个空格

解决方案很简单——注释掉空白。或者，您可以将两个
div
s放在同一行上

这是第一个解决方案


.line{
宽度：100%；
}
.第一组{
显示：内联块；
宽度：100px；
}
.第二组{
显示：内联块；
宽度：计算（100%-100px）；
}

第一组第二组
请创建一个MVCE，将相关代码作为代码段。是否有边框？同时添加标记和样式表代码，使问题更加成熟。@furbar我添加了一个代码段。第一个div的宽度和第二个div的宽度加起来是100%。但是第二个div将转到下一行。@jhpratt您的意思是边界不包括在宽度中？但我没有设置任何边界。