我想问问这是否很愚蠢，但是无论如何我都在问，因为我还没有找到满意的答案。
我正在尝试创建一个响应页面，我要在其中定义一个名为content的div的填充，该div包含另一个div作为“文本”，并且位于另一个名为container的div元素内，该元素具有预定义的alembic.util.exc.CommandError: Can't locate revision identified by '939bb1e647c8'和{{ 1}}和height。现在的问题是我定义了width；通过获取父容器的根值，它在position: relative上效果很好，但是在涉及padding: 45% 45%时，它在父容器外刷新
widthheight
答案 0 :(得分：1)
您的问题似乎出在box-sizing上，
设置box-sizing: padding-box，这样浏览器将计算元素的总计width和padding并清除所有覆盖。您的填充也很高，这是导致问题的原因。
您必须注意，刷新可能是由您的font-size: 4em引起的。这是一个很大的font，它将迫使content div扩展以容纳#textlogo内容。
答案 1 :(得分：0)
您应该很少使用CSS中的padding属性。一路回到Internet Explorer 4 margin正常工作。
在子元素上使用margin，而不在父元素上使用padding。如果对父元素使用填充，则会自动影响 all 子元素。您可以通过在示例中使用margin选择器来“空白”将#parent > div应用于所有子元素，然后针对需要调整的单个元素级联辅助margin。
如果没有子元素或，您应该使用padding，或者您正在处理渲染引擎或标准本身中的错误（例如，使用隐式“逻辑”代替直接的） （实际）逻辑。）
正如Mosia提到的那样，这里有box-sizing属性，尽管现在如果您想按原本打算的方式学习CSS，那么支持是非常普遍的，我不建议您使用这种快捷方式，因为它将使您无法真正了解代码。