dom元素多出后横向滚动不换行

元素高度一定，多了后不能增加高度，只能横向滚动

• 用@media做媒体查询修改元素宽度能实现，但是屏幕放大，一些较为极端的情况下还是需要滚动

<!-- 父元素样式 -->
<div class="father">
  <div class="child"></div>
</div>

.father {
  width: 100%;
  /* 横向滚动 */
  overflow-x: auto; 
  /* 不换行 */
  white-space: nowrap;
}
.child {
  /* 子元素设置行内块级元素 */
  display: inline-block;
  /* 或者设置行内flex */
  /* display: inline-flex; */
}