如何均匀地传播这些div？

Question

我希望盒子像这样展开：

彼此相距218个像素。

我试图将它们两者合在一起，但我不能完美！

.box1, .box2 { margin: 0 20px }

有没有更好的方法来做到这一点？

我忘了提，已经浮出水面。

Answer 1

为什么不在.box1上执行margin-right: 218px;？我错过了什么吗？

Answer 2

.box1, .box2 { float:left }
.box2 { margin-left:218px }

Answer 3

向左和向右浮动div，使容器div的宽度比所需的大218像素。但是如果左右框是动态大小的，那么你会遇到问题。

或者将它们向左漂浮，并在第一个方框上放置一个右边缘，就像上面的帖子一样。