在另一个div上证明div

Question

我有这个css代码：

.row {
    width:100%;
    height:100px;
}

.square {
    width:100px;    
    height:100px;
}

我想在行div内放置5个正方形div，但我想把它放在justified，这样根据用户的窗口大小，正方形之间的分隔应该相等。

我想知道什么会更好，margin，float，positioning absolute/relative等。

Answer 1

如果在这种情况下可以硬编码，你可以这样做：

.square {
  margin: calc(10% - 50px);
  }

保证金是：

整个宽度的20％减去元素宽度的100px全部除以2（有两个边距）。

注意（感谢@randak）：mobile compatibility and very old ie might lack calc() support

在写完答案之后，我发现在http://css-tricks.com/equidistant-objects-with-css/处对此问题进行了大量思考解决方案，您可能需要检查。