要显示横向滚动条，通常有以下几种情况：
HTML/CSS 方面
1. 设置容器的宽度小于内容宽度：
如果你的内容宽度超过了容器的宽度，浏览器会自动显示横向滚动条。
```html
```
2. 显式设置 `overflow-x` 属性：
如果内容没有自动触发滚动条，可以显式设置 `overflow-x: auto;` 来显示横向滚动条。
```html
```
JavaScript 方面
1. 动态设置内容宽度：
如果是动态内容，可以在 JavaScript 中动态计算并设置内容的宽度，从而触发滚动条的显示。
```javascript
const content = document.querySelector('.content');
content.style.width = '100%'; // 或者其他大于容器的宽度
```
2. 使用第三方库：
如果你需要更复杂的滚动条功能，可以考虑使用第三方库，如 `perfect-scrollbar`。
```html
```
总结
以上是几种常见的显示横向滚动条的方法。通常，设置容器的宽度小于内容宽度，并设置 `overflow-x: auto;` 即可。如果需要更复杂的功能，可以考虑使用 JavaScript 或第三方库。
