CSS 使包装 div 内的两个 div 等距

Question

请在此处查看我的代码。我想做的事情看起来很简单。我试图使紫色框中的两个框（一黄一绿）等距。因此，我希望从紫色框的左边框到绿色框的左边框的间距等于绿色框的右边框和黄色框的左边框之间的距离，这也与黄色框的右边框到紫色框的右边框。

我完全没有想法，但我想我已经很接近了。

感谢您对此提供的任何帮助！

埃文

Answer 1

您可以在左侧框上使用 float: left ，在右侧框上使用 float: right; ： http://jsfiddle.net/feeela/D6MUq/38/

Answer 2

这看起来不错：

#templatetypes {
    width: 150px;
    background-color:green;
    margin-left:13%;
    float:left;
    }

#supportlinks {
    width: 150px;
    background-color:yellow;
    margin-right:13%;
    float:right;
    }