不自然地增加div的宽度:)

Question

假设我有一个div的文本右对齐，并且有一个固定的：

div{
  width: 30px;
  text-align: right;
}

如果我将此div的宽度增加到35px槽填充，可以将文本从边缘移开并避免在其中添加其他元素，可以吗？

div{
  padding-right: 5px;
}

我的意思是，任何浏览器对此都会产生怪异的行为吗？

Answer 1

Quirks模式下的Internet Explorer会出现问题，因为它是box型的 。 如果这是一个问题，我将使用使用边距的嵌套div代替。 您的另一个选择可能是包括IE特定的CSS文件。

Answer 2

否，在所有主流浏览器中都可以。

Answer 3

结果将完全是您所说的：总宽度为35px的div。 在我看来，您了解自己在做什么，但是从来没有替代品可以在所有目标浏览器中进行实际测试。

尽管这一小段CSS看起来很纯真，但是它可以以您意想不到的方式改变它们周围的元素。

Answer 4

这是我们可以通过CSS3更好地控制的领域。 看看http://www.quirksmode.org/css/box.html 。