相对Div但固定的间隔距离

Question

我有3个div，一个在顶部（100％），2个在此之后（假设为50％）。

我希望顶部div和底部div之间的距离与分隔2个底部div的距离相同。

不容易说清楚，请参阅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都是相对于它的容器（％width），但我希望分隔在px或em中是固定的宽度。

Answer 1

使用保证金百分比：

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%;
}