HTML / CSS：我的图像旁边会出现奇怪的滚动条

Question

在this page上，在“选择您的城市[向下箭头]”下方，有两个灰色矩形。

在谷歌浏览器中，矩形右侧有一个滚动条。

导致此滚动条的原因是什么，以及如何将其删除？

Answer 1

删除标识为walk-categories，

的div的以下css属性

overflow: auto;

在css类#walk-categories

中

Answer 2

您的walk-categories将其overflow设置为auto，这意味着如果div的内容大于该尺寸，则会显示滚动条div本身。

缩小内容或将walk-categories的溢出更改为hidden

Answer 3

这是因为overflow: auto; css风格中的#walk-categories。将其删除或将其更改为hidden

Answer 4

滚动条是由于此处css中的overflow: auto;所致：

 media="all"
 #walk-categories, #walk-testimonials {
    margin: 14px 0;
    margin: 1rem 0;
    overflow: auto;
}

通过overflow: auto;重新overflow: hidden;，这样就可以了;）

希望我帮助