css – 如何放置浮动div之间的间距?

前端之家收集整理的这篇文章主要介绍了css – 如何放置浮动div之间的间距?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个父div,它可以改变其大小,这取决于可用的空间。在那个div中,我有浮动div。现在,我想在这些div之间有间距,但没有空间到父div(见图)。

有没有办法做到这一点与CSS?

谢谢

解决方法

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

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

margin: 10px;

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

margin: -10px;

我也不得不删除任何显式的宽度或高度设置黄色父div,否则它不工作。

这样,在绝对术语中,子div是正确对齐的,虽然父黄色div显然被抛弃了,在我的例子中是OK,因为它不可见。

原文链接:https://www.f2er.com/css/220928.html

猜你在找的CSS相关文章