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

Question

假设我有一个带有右对齐文本的div和一个固定的：

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

如果我通过填充将此div的宽度增加到35px，将文本从边缘移开并避免在其中添加另一个元素，这是否可以？

div{
  padding-right: 5px;
}

我的意思是，任何浏览器都会对它表现得很奇怪吗？

Answer 1

Quirks Mode中的Internet Explorer由于box model而存在问题。 如果这是一个问题，我会使用一个使用边距的嵌套div。 您的其他选项可能包括IE特定的CSS文件。

Answer 2

不会在每个主流浏览器中都没问题。

Answer 3

结果将是你所说的：总宽度为35px的div。在我看来，你了解自己在做什么，但在所有目标浏览器中实际测试都无法替代。

虽然这一小块CSS看起来很无辜，但它可以用你没想到的方式改变它们周围的元素。

Answer 4

这是一个我们通过css3获得更多控制权的领域。看一下 http://www.quirksmode.org/css/box.html