css实现三列布局(不用css3)

Question

实现如图，间距都是固定的，但是三列实现自适应效果，即三列随屏幕变宽，都是等比增加，但是中间的间距不变。不用css3的flex，用css2实现。

Answer 1

    <div>
        <div style="background: yellow; float: left; width: 33.333%;">
            <div style="margin: 0 6px 0 2px; background: red; "></div>
        </div>

        <div style="background: blue; float: left; width: 33.333%;">
            <div style="margin: 0 4px 0 4px; background: red; "></div>
        </div>

        <div style="background: green; float: left; width: 33.333%; ">
            <div style="margin: 0 2px 0 6px; background: red; "></div>
        </div>
    </div>

        总是把前面的剪了，强迫症不能忍！