Question

只要在其上添加一些div，我就无法滚动到Chrome中内联元素内绝对定位元素的底部。它在Firefox中运行良好......

这是一个重现问题的极简主义代码：

<div>When you</div>
<div>remove</div>
<div>these divs</div>
<div>it works</div>
<div>fine in Chrome</div>
<div style="display:inline;position:relative;background:green;">
    <div style="position:absolute;background:red;">111
      <br>222
      <br>333
      <br>444
      <br>555
      <br>666
      <br>777
      <br>888
  </div>
</div>

这是小提琴：

https://jsfiddle.net/p973qaty/9/

Answer 1

非常有趣......我在w3.org规范中发现overflow适用于block containers, flex containers and grid containers，但在developer.mozilla.org中写的是block-level elements and inline-block elements适用于inline elements }。在我们在Firefox中的示例中，它也适用于inline-block elements，在测试中我们可以看到它在Chrome中应用于ArrayList<Shoe> receipts = new ArrayList<>(); final Map<Long, List<Shoe>> collect = receipts.stream().collect(Collectors.groupingBy(Shoe::getIdCategory));。
指向w3.org和developer.mozilla.org

的链接

无法滚动到Chrome中绝对元素的底部

1 个答案: