在响应式 div 容器中滚动 x

Question

我不知道为什么，但我有一个响应式部分标签，它会根据宽度调整屏幕尺寸。问题是，如果内容超出，我会放置溢出自动，但它不会显示滚动条，而是会增长。

<div className="w-full">
      <section className="inline-flex w-full flex-col gap-2
      overflow-x-auto border max-w-full">
        <div className="w-[2000px] h-11 inline-flex bg-black">

          </div>
        
      
      </section>
    </div>

Answer 1

有一些方法可以做到这一点，但你可以将

max-w-full

更改为

max-w-vw

，但我认为在父 div 中使用

w-vw

（由

w-full

代替）来分隔内部内容更具预测性，就像本节中一样。