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的宽度超过了外部div 8像素（边距）。 如何使内部div的宽度为外部div的宽度减去8像素的边距？

注：在我的情况下，所有样式都是分开的类，这里我将CSS放入style属性中仅为简化。

- Artem

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>

- Nick Craver

Answer 2

如果您删除元素上直接应用的样式，则以下是一些有效的样式。我在内部CSS中使用了auto和margin-right = 8px。为了更容易看到，我将内部设置为绿色，外部设置为黑色。

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

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

- Jason Rowe