html - パディングはdivの幅と高さを増やします

Question

これらの 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/