css - 如何在 float div 之间放置间距？

Question

我有一个父 div，它可以根据可用空间改变其大小。在那个 div 中，我有 float 的 div。现在，我希望这些 div 之间有间距，但父 div 没有空间(见图)。

有没有办法用 CSS 做到这一点？

谢谢

Answer 1

我找到了一个解决方案，至少对我的情况有帮助，它可能不适合其他情况:

我给我所有的绿色子 div 一个完整的边距:

margin: 10px;

对于周围的黄色父 div，我设置了一个负边距:

margin: -10px;

我还必须删除黄色父 div 的任何显式宽度或高度设置，否则它不起作用。

这样，从绝对意义上讲，子 div 正确对齐，尽管父黄色 div 显然被衬托了，在我的情况下是可以的，因为它不可见。