margin-right：auto但我希望它是最大值

Question

我有一個容器，寬度約等於我的頁面的70％。在容器中，我放置了寬度等於22％的四個框，並設置邊距右邊的參數以將這些框相互分開。然而，這些框並不包括父元素的所有寬度 - 我設置爲「自動」的margin-right參數很小，並且對於所有父寬度的那些框來說是有一點大的。網頁）。

我知道我可以爲「4％」設置保證金的權利，但我希望自動爲2,3,4個方塊。

實施例代碼

<div id="parent" style="width: 70%;"> 
    <div class="box" style="display: inline-block; margin-right: auto; width: 22%;">box 1</div> 
    <div class="box" style="display: inline-block; margin-right: auto; width: 22%;">box 2</div> 
    <div class="box" style="display: inline-block; margin-right: auto; width: 22%;">box 3</div> 
    <div class="box" style="display: inline-block; margin-right: 0; width: 22%;">box 4</div>  
</div> 

Answer 1

Test Here

當我嘗試這在鉻上OS X，每個盒子具有109px的寬度。在我看來，他們正在適當地填充相同數量的空間。