css - Display inline-block 会生成一个我无法删除的 margin-bottom

Question

我尝试了显示、 float 、宽度/高度的每一种组合，并将所有边距和填充设置为 0，但是容器带有 display: inline-block 总是生成一个底部边距，我只能通过添加样式 "底部边距:- ... px "

请看一下代码，它非常基础index.php

无论如何，我对任何类型的解决方案都持开放态度，我只希望 div“.posts”包含帖子，所以如果有没有“display: inline-block”的解决方案，我也可以接受。

先谢谢大家

Answer 1

您看到的空间是给 descender 的空间当元素的显示值设置为 inline-block; 时，字母的高度，例如小写的 y 或 g。当您将元素设置为 display: inline-block; 时，您实际上是在将其视为文本。

要修复，请从 .posts DIV 中删除 display: inline-block;。您的布局不需要它。