Как я могу сделать 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 только занимает достаточно места для ххх. Как я могу сделать, что внутренний DIV имеет 90% ширины внешнего?

Answer 1

Он отлично работает, вы не можете видеть, потому что оба имеют красный цвет фона, я изменил его на зеленый, посмотрим на это http://jsfiddle.net/vm3b350r/.

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