我最近发现了这个问题。
Check for demo on jsfiddle
对于我来说，轮廓的行为是错误的，不是吗？ .outside元素的框模型是否不应该包括其边界，以便absolute定位的子元素也能勾勒出这些边界？
这是一个已知问题吗？这真的是正确的行为吗？如果是这样，有人可以向我解释为什么吗？
What I expected to have as result
请不要评论如何解决问题。但请解释为什么会发生此问题。
提前致谢 ：）
问候
lip
最佳答案
仅box-sizing: border-box是不够的，您需要从父级继承宽度和高度：
.inside {
position: absolute;
outline: #00f solid 2px;
width: inherit;
height: inherit;
}
在这里检查https://jsfiddle.net/2mytb43a/3/