我已经坚持这个问题很长一段时间了;为什么元素的填充超出了div的边界，即使box-sizing: border-box;也是如此？即使div没有指定的height，但height: inherit;或height: 100%;属性，也会发生这种情况。这有点难以解释，所以请看下面的例子。
正如您在上面的示例中所看到的，即使container具有height: 100%;，它也不会完全延伸到按钮的最底部边缘。为什么会发生这种情况，是否可以通过填充将其延伸到元素的边缘？
我希望这是可以理解的，我找不到任何其他的话来解释这个问题。如果有任何争吵或混乱，请告诉我！我将尝试帮助并清除它们，使其成为我的最佳能力。
答案 0 :(得分：0)
正如许多用户所评论的那样，此问题的解决方案是将display: inline-block;或display: block;添加到inline元素。所有信用都归功于那些帮助过的人。谢谢。现在关闭这件事。