div横向滚动条无效
时间: 2023-07-01 20:07:46 浏览: 111
如果你想让 `div` 元素横向滚动,可以使用 CSS 属性 `overflow-x: auto;`。确保你的 `div` 元素具有固定的宽度,并且它的内容宽度超过了这个固定宽度,这样就可以出现横向滚动条了。以下是一个示例代码:
```html
<div style="width: 300px; overflow-x: auto;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod vel nisi quis ultrices. Sed pharetra mi eget ex hendrerit, eu bibendum tellus aliquet. Donec imperdiet, justo in commodo elementum, est eros imperdiet sapien, ut pharetra odio magna et ligula. Aliquam vel justo nec purus dignissim bibendum. Sed ut nibh eu nulla tempor vestibulum sit amet ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce sed dolor lorem. Nullam bibendum eros eget faucibus fringilla. Maecenas a rhoncus leo, ac gravida odio.</p>
</div>
```
如果你仍然无法看到横向滚动条,请检查一下是否有其他 CSS 属性或 JavaScript 代码干扰了这个 `div` 元素。
阅读全文