overflow-x: scroll;当元素的内容在水平方向上（即从左到右）超出其指定的宽度时，overflow-x: scroll; 会确保在元素的底部显示一个水平滚动条，使用户可以滚动查看超出部分的内容。 1：滚动条的出现：即使内容没有超出，滚动条也会始终显示。这与 overflow-x: auto; 不同，后者仅在内容超出时才显示滚动条。 2：内容处理：当内容超出元素的宽度时，它不会被裁剪或隐藏，而是可以通过滚动条来访问。 3：不影响垂直溢出：这个属性只处理水平方向的溢出。垂直方向的溢出（即从上到下）需要使用 overflow-y 属性来设置
