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

Question

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

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

内部的li是使用内联块并排设计的。两者都是220px宽，左边距为20px;

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

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

Ar会处理这个问题的任何技术吗？

Answer 1

问题是内联阻塞问题。

它的渲染方式留下了一个空间，它被转换为边缘右边：4px;

一种解决方法是应用负余量。