子元素固定宽度 父元素宽度被撑开

背景：父元素宽度百分百，子元素固定宽度，当父元素的宽度变小，子元素会被挤下去，如何让子元素的宽度决定父元素的宽度，让父元素的宽度被撑开？

解决方法：

1.若 父元素 下的子元素是 行内元素（有固定宽度）

父元素 {
    white-space: nowrap;  // 子元素不被换行,超出部分 scroll 表现
}复制代码

2.若 父元素 下的子元素是 块级元素 （默认宽度百分百）

父元素 {
    white-space: nowrap;  // 子元素不被换行
    display: inline-block;
} 子元素 {
     display: inline-block;
 }复制代码

参考链接