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的宽度。在我看来，他们正在适当地填充相同数量的空间。