相對差距但固定的分隔距離

我有3個div，一個在頂部（100％）和2個（比如說50％）。相對差距但固定的分隔距離

我希望頂部div和底部divs之間的距離與分離2 bottomoms divs的距離相同。

不易弄清楚，看到的jsfiddle：http://jsfiddle.net/ZQshP/

.big { 
width: 30%; 
background-color:olive; 
height:50px; 
margin-bottom:.5em; 
} 
.left, .right { 
    width:15%; 
    height:25px; 
    background-color:peru; 
    float:left; 
} 

.left { 
    margin-right:.5em; 
}

雖然所有的div是相對於它的容器（％寬度）我要分離以被固定在像素或EM寬度。

來源

2014-02-10 Wakkos

我想你已經實現了 – anurupr

肯定頂部/底部和左側之間的距離/右是一樣的 - '.5em'在每種情況下？ – kmoe

但是你可以看到現在最後一個div沒有右對齊。這是因爲50％+ 50％+保證金= + 100％我可以實現它，如果我使用右邊距的％度量值，但不會與第一個div底邊距相同。 – Wakkos

使用比例的保證金：

Working DEMO

.big { 
    width: 30%; 
    background-color:olive; 
    height:50px; 
    margin-bottom:2%; 
} 
.left, .right { 
    width:14%; 
    height:25px; 
    background-color:peru; 
    float:left; 
} 

.left { 
    margin-right:2%; 
}

來源

2014-02-10 12:46:14

這就是我不想要的：必須是固定的距離。 – Wakkos

相對差距但固定的分隔距離

回答

相關問題