css - 相对 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 都相对于其容器(% 宽度)，但我希望分隔宽度固定为 px 或 em。

Answer 1

margin 使用百分比:

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