如何在DIV中使用DIV使用90％的宽度？

Question

我试过这个：

<div style="padding: 1rem 0;background-color:red">
   <div style="width: 90%;margin: 0 auto 0 auto; background-color:red">
   xxx
   </div>
</div>

但是内部DIV只占用了xxx的足够空间。如何使内部DIV具有外部宽度的90％？

Answer 1

工作正常，您无法看到，因为两者都有红色背景颜色我将其更改为绿色，请参阅此http://jsfiddle.net/vm3b350r/。

＆＃13;

＆＃13;

<div style="padding: 1rem 0;background-color:red">
  <div style="width: 90%;margin: 0 auto 0 auto; background-color:green">
    xxx
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;