我有一个看起来像这样的div：
<div style="width: 400px; height: 50px; text-align: right; padding-right: 50px">This is a test</div>
我需要文本在右边留一些空间，因此我添加了padding-right: 50px。然后我注意到了填充，但是现在div是450px，而不是原始的400px。
如何在不更改div宽度的情况下添加50px的填充？
它需要在大多数主要的浏览器中运行。我已经看到了几个示例，但是它们似乎没有用。
谢谢。
内联样式，根据要求：
<div style="box-sizing: border-box; width: 400px; height: 50px; text-align: right; padding-right: 50px; background: green">This is a test</div>对于其他地方的CSS：
*, :before, :after {
box-sizing: border-box;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句