当内部有绝对元素时指定水平滚动，就会出现垂直滚动

Answer 1

不太明白问题所在。 根据我的理解，你想让红色框与绿色框一起水平滚动。

您可以利用position:sticky属性和left:0来保持红色块水平固定，同时允许它垂直滚动。以下是修改 HTML 和 CSS 的方法：

<div style="overflow-x: scroll;">
  <div style="position: relative; width:3000px; height:100px; background:green; ">
    <div style="position: sticky; width:200px; height:200px; background:red; top:10px; left:0;"></div>
  </div>
</div>

此设置将使红色块保持水平固定，同时允许绿色和红色块一起水平滚动。