不自然地增加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 。