如何強制瀏覽器添加填充等大小？

Question

您知道CSS的邊框模型（margin-border-padding-content）

但是，我希望瀏覽器計算包含邊距，邊框和邊距的邊框模型的大小。

有沒有辦法強制瀏覽器像這樣解釋？

感謝

Answer 1

CSS3中，我們有box-sizing。如果您將它設置爲border-box，它會計算填充和邊框尺寸。 AFAIK你不能讓它計算出尺寸的邊距，這聽起來合乎邏輯，因爲邊距不是盒子的一部分，它只是告訴盒子周圍應該留下多少空間。

在這裏看到：http://www.css3.info/preview/box-sizing/

請還檢查了current browser support for box-sizing（即使它似乎是相當廣泛的，你應該避免意外）。

Answer 2

不。根據W3c，標準的方法是寬度/高度不帶邊框和填充。您可以通過添加doctype來強制IE遵循標準。

這是標準行爲，您應該將其用於交叉瀏覽器主題。