如何在水平滚动中设置全角div

<div class="scroll-container">
  <div class="full-width-div">全角div内容</div>
</div>

.scroll-container {
  width: 500px; /* 设置父容器宽度 */
  overflow-x: scroll; /* 水平滚动 */
  white-space: nowrap; /* 防止换行 */
}

.full-width-div {
  display: inline-block; /* 设置为行内块元素 */
  width: 100%; /* 设置宽度为100% */
  padding: 10px; /* 添加适当的内边距 */
  background-color: #f0f0f0; /* 设置背景颜色 */
  font-size: 16px; /* 设置字体大小 */
}