css去掉横滚动条 |css判断同一元素两个clasa

body {
overflow-x: hidden;
}

这行代码的意思是设置body元素在水平方向上的滚动条为隐藏。这样就能有效地去掉横滚动条。

需要注意的是，如果你的页面内容在水平方向上过宽，那么即使加上这行代码，页面仍然会出现横滚动条。所以，在设计页面时，要尽量避免这种情况的出现。

另外，还可以通过调整页面布局来避免横滚动条的出现。比如使用响应式布局，使页面在不同屏幕尺寸下都能完美展现。

总之，去掉横滚动条只需要一行CSS代码，但在设计页面时，还需要注意页面布局和内容的宽度，以免出现横滚动条。