html - 在没有溢出的情况下为父级中的相等子级创建边距

Question

我想在父包装器的两个子 div 之间创建一个间隙。问题是，我将宽度创建为百分比 (50)，并希望总计 10px 的固定边距不会溢出父元素。

<div id="wrapper">
    <div id="parent">
        <div id="one" class="child"> </div>
        <div id="two" class="child"> </div>
    </div>    
</div>

当我添加边距或填充到“一”或“二”时，这超出了父宽度的总和 100%。我可以将边距/填充添加到 div 元素，以便将其计算到父元素的 50% 中吗？

这是一个说明问题的 fiddle :http://jsfiddle.net/cusyyddx/

Answer 1

为宽度属性使用 calc:width: calc(50% - 1px);。适用于 IE9+