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

Question

我有两个嵌套的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边距？

P.S。在我的情况下，所有样式都在不同的类中，这里我将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>

Answer 2

如果您直接删除元素上的某些样式，则可以使用以下样式。我在内部CSS上使用了auto，并使用了margin-right = 8px。为了更容易看到我做了内部绿色和外部黑色。

 #outer
    {
        width: 100%;
        border: 1px solid black;
    }

    #inner
    {
        width: auto;
        border: 1px solid green;
        margin-right: 8px;
    }