Html <；部门>；那只会水平滚动？

如何创建仅水平滚动的元素？如果有意义的话，我希望该元素在用户垂直向下滚动页面时表现为position:fixed，但在横向滚动时表现为position:static

首选HTML/CSS解决方案，但如果不可行，JavaScript修复也可以。

<div style="width:400px;height:400px;overflow:auto;">
    <div style="width:800px;">
        bunch o text  
    </div>
</div>

文本束

你的意思是这样的？

文本束

---

您的意思是这样的吗？

是否有其他方法不需要设置宽度，并且当我们添加子元素时，父宽度会扩展？是否有其他方法不需要设置宽度，并且当我们添加子元素时，父宽度会扩展？