Html 是否在宽度百分比中包含填充/边距？

如何使

宽度：50%

具有

面板默认值

，但在计算中包括

填充

或

边距

（不确定哪一个更合适），以便

面板默认值

完美地填充100%的宽度

代码

。在这里测试{
填充物：2.5px；
显示：内联；
框大小：边框框；
}
身体{
框大小：边框框；
}
.面板默认值{
框大小：边框框；
边框样式：无；
位置：相对位置；
宽度：50%；
垫底：40%；
/*=宽高比为1:1时的宽度*/
溢出：隐藏；
背景色：#446CB3；
边界半径：0px；
显示：内联块；
}
.小组委员会{
颜色：白色；
位置：绝对位置；
}

基本面板示例

添加

框尺寸：边框框到元素
您需要：


将框大小：边框框添加到
*，*：之前，*：之后
修复
内联块
间隙，您可以通过重置父字体，
字体大小：0
从
中删除
display:inline
。在此处测试

将
边框
添加到
。面板默认值


*，
*：之前，
*：之后{
框大小：边框框；
}
身体{
保证金：0
}
.在这里测试{
填充物：2.5px；
字号：0
}
.面板默认值{
框大小：边框框；
边框样式：无；
位置：相对位置；
宽度：50%；
垫底：40%；
/*=宽高比为1:1时的宽度*/
溢出：隐藏；
背景色：#446CB3；
边界半径：0；
显示：内联块；
字体大小：16px；
边框：5px白色实心
}
.小组委员会{
颜色：白色；
位置：绝对位置；
}

基本面板示例
基本面板示例
基本面板示例
基本面板示例
。。。或者整个文档。这有助于保持理智。谢谢@Johannes！但是当我把它放在
body{}
中，然后使
width:50%
面板不再适合这一行，而是变成一列。对于我的回答，我的意思是我没有这样做，但你知道为什么我的问题持续存在吗？我用新的代码更新了这个问题，很明显你们发布的并不是你们的完整代码，所以很难判断谷歌可能的重复“包括在宽度上填充边距”。更新的问题。我已经更新了问题。我在您的答案中将
font-size:0
添加到了两个父div中，但问题仍然存在，面板会下降到垂直列中，感谢您仍在尝试。问题依然存在，这是真的。Idk如果我有你的准确代码，那么它会是什么。算出了：）我在每个面板上都进行了
测试。你把它盖在所有的面板上。谢谢你的帮助！