xHTML/CSS:如何使内部div获得100%宽度 - 边距

Question

我有2个嵌套的div,外部有一个宽度:100%

<div id="#outer" style="width:100%; border:1px">
  <div id="#inner" style="width:100%; border:1px; margin:4px">
    something inside ...
  </div>
</div>

但在这种情况下,内部div超过外部宽度8px(边距).如何使内部div获得外部div的宽度减去8px边距？

PS在我的情况下,所有样式都在单独的类中,这里我将CSS放入样式属性只是为了简化.

Answer 1

取消内部div上的宽度应该有效,width: auto;将使用边距,并扩展到最大水平区域:

<div id="#outer" style="width:100%; border: solid 1px red;">
  <div id="#inner" style="border:solid 1px green; margin:4px">
    something inside ...
  </div>
</div>