背景:父元素宽度百分百,子元素固定宽度,当父元素的宽度变小,子元素会被挤下去,如何让子元素的宽度决定父元素的宽度,让父元素的宽度被撑开?
解决方法:
1.若 父元素 下的子元素是 行内元素(有固定宽度)
父元素 { white-space: nowrap; // 子元素不被换行,超出部分 scroll 表现}复制代码
2.若 父元素 下的子元素是 块级元素 (默认宽度百分百)
父元素 { white-space: nowrap; // 子元素不被换行 display: inline-block;} 子元素 { display: inline-block; }复制代码