我已经在这个问题上一直坚持了一段时间；为什么即使使用box-sizing: border-box;，元素的填充也超出了div的边界？即使div没有指定的height，但height: inherit;或height: 100%;属性也会发生这种情况。很难解释，所以请参见下面的示例。
单击此处以获取示例。
正如您在上面的示例中看到的，即使container具有height: 100%;，它也无法完全延伸到按钮的最底部边缘。为什么会发生这种情况，并且可以用填充物将其扩展到元素的边缘？
我希望这是可以理解的，我找不到任何其他单词可以解释这个问题。如果有任何争吵或混乱，请告诉我！我将尝试帮助并清理它们以成为我的能力。
正如许多用户所评论的那样，解决此问题的解决方案是将display: inline-block;或display: block;添加到inline元素。所有归功于那些帮助的人。谢谢。立即关闭此问题。