CSS在包装器div中使两个div等距离

Question

请查看我的代码HERE。我想要做的很简单，所以看来。我试图在紫色框中等距离制作两个盒子（一个黄色，一个绿色）。因此，我希望从紫色框的左边框到绿框的左边框的间距在绿框的右边框和黄框的左边框之间的距离相等，这也将与黄框的右边框之间的距离相等。紫色框的右边界。

我完全没有想法，但我认为我很接近。

感谢您对此有任何帮助！

埃文

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