在沒有溢出的情況下爲父母中的同等子女創建保證金

Question

我想在父包裝的兩個子div之間創建差距。問題是，我創建了寬度作爲百分比（50），並且希望總共有一個固定邊距10px而不會使父項溢出。

​​

當添加空間，或填充到「一個」或「二」，這超過了父母的總100％的寬度。我可以將邊距/填充添加到div元素中，以便將其計算到父級的50％中？

下面是說明這一問題的小提琴：http://jsfiddle.net/cusyyddx/

Answer 1

使用calc您width屬性：width: calc(50% - 1px);。在IE9 +

Answer 2

工程我做了一些改變，現在無論

#wrapper { 
width: 600px; 
} 

#parent { 
    position: relative; 
    width: 98%; 
    white-space: nowrap; 
    font-size: 0; 
    border: 1px solid red; 
} 

.child { 
    display: inline-block; 
    width: 49.15%; 
    height: 50px; 
} 

#one { 

    background: purple; 
    margin-right: 5px; 
} 

#two { 
    background: orange; 
    margin-left: 5px; 
}