子元素宽度超出父元素

1.主要是给父元素设置white-space: nowrap;强制元素不换行。如果需要使父元素不换行则需要设置display： inline-block;等

2. 给子元素设置dispaly: flex / inline-flex / inline-block 使子元素里面的元素一行显示。

 

总结：

.parent {
  white-space: nowrap;display: inline-block;
}

.child {
  display: inline-flex;
}