1

我注意到 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;

如何解释这一点,以及如何恢复默认行为?

4

1 回答 1

1

满足box-sizing

在您的情况下,box-sizing: border-box;设置为所有元素 ( *) 或特定div的 .

于 2013-09-21T13:06:00.867 回答