div宽度如何设置才会自动适配页面宽度且出现滚动条后div不会换行

要实现div宽度自动适配页面宽度并且出现滚动条后不换行，可以按照以下步骤进行设置：

1. 设置div的宽度为100%，这样可以使div的宽度自动适配页面宽度。

<div style="width: 100%;">
  <!-- 内容 -->
</div>

2. 设置div的样式为overflow: auto; white-space: nowrap;，这样可以在内容超出div宽度时出现滚动条，并且内容不会换行。

<div style="width: 100%; overflow: auto; white-space: nowrap;">
  <!-- 内容 -->
</div>

通过以上设置，div的宽度会自动适配页面宽度，并且在内容超出div宽度时出现滚动条，而不会换行。