XHTML/CSS：如何使内格获得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> 

但在这种情况下，内格由8像素超过外宽（利润）。 如何让内部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; 
    }