2014-10-22 26 views
3

我已經試過這樣:如何使DIV內的DIV使用90%的寬度?

<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%的外部寬度?

+2

改變你內心的div的背景顏色爲其它顏色,你會看到該分區恰好佔據其父格的90%的寬度孩子。 – 2014-10-22 06:09:03

回答

11

它工作正常,你不能看到,因爲兩者都有紅色的背景顏色,我把它改爲綠色看到這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>

+0

爲什麼重複'0 auto'兩次?只是'保證金:0汽車;'很好。 – 2015-01-10 17:18:08

+0

@ThePragmatick這不是我的代碼,這是她的我只是編輯它 – Akshay 2015-01-11 08:39:46