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

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;

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