<div> 使用 inline 无法设置宽度，使用 inline-block 则会自动换行，怎么能够一直往界面右边叠加？

根据我所理解的题主的意图及情况，写了个 demo点击预览（忽视兼容性问题）。其中，关键性代码如下所示：

<!-- 样式代码 -->
<style>
    elementsInline {
        width: 300px;           /* 设置宽度以内容超出时出现滚动条 */
        overflow: auto;
        white-space: nowrap;    /* 使内部元素在一行显示 */
    }
    
    elementsInline span {
        display: inline-block;
        width: 100px;
        white-space: normal;    /* 使文字可以正常换行 */
    }
</style>

<!-- 内容结构 -->
<div id="elementsInline">
    <span></span>
    <span></span>
    <span></span>
    ...
</div>