Html 元素之间的边距相等

我在另一个里面有4个div

我希望内部

div

之间有相等的边距，因此根

div

的左边缘和第一个内部

div

之间、两个内部

div

之间以及最后一个内部

div

和根的右边缘之间有相同的空间

现在我看到了

有什么方法可以利用CSS的任何特殊属性来实现这一点吗？或者我必须手动分配利润

谢谢

#根{
背景：红色；
宽度：400px；
字号：0；
}
#根>div{
显示：内联块；
宽度：50px；
高度：50px；
背景：蓝色；
左边距：计算（（100%-200px）/5）；/*预计算40px*/
}

---

jsiddle:

#根*{margin:inherit；}

？如果这不是你想要的，试着用一种不那么令人困惑的方式来描述它。这听起来就像是同一个问题。这是一个令人惊讶的难题——我们没有找到一个好的答案，包括两边以及元素之间的空白。@Spudley下面有一个很好的答案解决了这个问题（我认为）！哇！我不知道“calc”是否存在！太棒了！谢谢它适用于所有优秀的浏览器。Chrome、Firefox和IE9+都支持它。Safari 6支持带有供应商前缀的浏览器，但它会使浏览器崩溃很多。