4

これらの div を変更して、パディングを変更したときに高さと幅が拡大しないようにするにはどうすればよいですか? 私は実装しようとしました

.outer, .inner {
    display: block;
}

.outer {
    /* specify fixed width */
    width: 300px;
    padding: 0;
}

.inner {
    /* specify padding, can be changed while remaining fixed width of .outer */
    padding: 5px;
}

ここから

親の divfixed_widthとを指定することによって、またはにrelative_container width:700px;height:100px; padding:0px;パディングを適用すると、 div が をカバーするように拡張されます。ありがとう!.content.obscure.extra_margins below

http://jsfiddle.net/loren_hibbard/ZmJ9R/

4

1 に答える 1

9

これを行うには、 CSS3box-sizingプロパティを使用できます。

box-sizing: border-box;

http://css-tricks.com/box-sizing/

IE8+ でサポートされていますが、一部のブラウザーではプレフィックスが必要な場合があります。

http://caniuse.com/css3-boxsizing

于 2012-11-06T16:34:05.200 に答える