Css Box模型失敗：總寬度保持在指定的值

Question

我注意到Wordpress中非常奇怪（對我來說）的行爲。 我們來看看下面這個簡單的例子。如果我將寬度設置爲某個值，在我的示例中爲200px;並指定邊框爲1px，元素的總寬度（即內容+填充+邊框）保持200px。

根據箱型 - http://www.w3.org/TR/CSS2/box.html，如果我指定200px，邊框爲1px，則總寬度必須爲202px（如果未指定填充）。但在Wordpress中（測試版本3.6）它仍然是200px。含量變得198px，所以198 + 2 = 200

例

<div id="test">.</div> 

#test { 
display:block; 
width:200px; 
border:1px solid red; 
background-color:black; 
} 

如果我增加邊框的值，例如將其設置爲4像素，內容將變得192px，所以總寬度總是仍然是200px;

這是如何解釋的，以及如何恢復默認行爲？

Answer 1

符合box-sizing。

在你的情況下，有box-sizing: border-box;設置爲所有元素（*）或該特定的div。