为什么浏览器要保留这个空间？

Question

我有一点输出网格的 html。就这么简单：

<ul>
    <li>
    </li>
    <li>
    </li>
</ul>

内部 li 使用 inline-block 并排设置样式。两者都是 220px 宽，左边距为 20px；

但是我在 li 上应用了第一个子过滤器，因此总宽度将为 460px， (220 + 20 + 220)。

我想通过设置 460px 的宽度来限制 ul 父级的宽度，但是当我这样做时，li 没有足够的空间来并排并在彼此下方渲染。

有什么技术可以解决这个问题吗？

Answer 1

问题是内联块问题。

它的渲染方式留下了一个空间，转换为一个margin-right:4px;

一种解决方法是应用负边距。