我注意到 Wordpress 中非常奇怪的(对我来说)行为。让我们考虑以下简单示例。如果我将宽度设置为某个值,在我的示例中为 200px;并将边框指定为1px,元素的总宽度(即内容+填充+边框)保持200px。
根据 Box Model - http://www.w3.org/TR/CSS2/box.html,如果我指定为 200px,边框为 1px,总宽度必须为 202px(如果没有指定填充)。但是在 Wordpress(在 3.6 版中测试)它仍然是 200 像素。内容变成 198px,所以 198 + 2 = 200
例子
<div id="test">.</div>
#test {
display:block;
width:200px;
border:1px solid red;
background-color:black;
}
如果我增加border的值,例如设置为4px,内容将变为192px,所以总宽度始终保持200px;
如何解释这一点,以及如何恢复默认行为?