1

Wordpress での非常に奇妙な (私にとって) 動作に気付きました。次の簡単な例を考えてみましょう。幅を何らかの値に設定すると、私の例では 200px; 境界線を 1px に指定すると、要素の合計幅 (つまり、コンテンツ + パディング + 境界線) は 200px のままです。

Box Model - http://www.w3.org/TR/CSS2/box.htmlによると、200px まで指定し、border を 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;
}

境界線の値を大きくすると、たとえば 4px に設定すると、コンテンツは 192px になるため、合計幅は常に 200px のままです。

これはどのように説明でき、デフォルトの動作を復元する方法は?

4

1 に答える 1

1

のサイズに合わせてください。

あなたの場合box-sizing: border-box;、すべての要素 ( *) またはその特定の要素に設定されていdivます。

于 2013-09-21T13:06:00.867 に答える