移除水平滚动答案

【问题标题】：Remove horizondal scroll移除水平滚动
【发布时间】：2021-02-18 06:43:57
【问题描述】：

有什么办法可以去掉水平滚动？右侧没有内容，但该区域保持空白并滚动。

模态的样式是：

.ticketModal {
  width: 1000px;
  min-width: 1000px !important;
  overflow: hidden;
  max-width: 1000px;
}

【问题讨论】：

是否可以发布代码或在此帖子本身或其他地方发布代码？看起来问题出在父容器上。如果您只想隐藏此特定屏幕的滚动，然后通过跟踪哪个父级溢出来添加overflow-x: hidden;，然后在该特定 div 上添加属性hidden 应该可以工作。否则，您可以将溢出属性放在主体上，例如：body {overflow-x: hidden}。但是，这将添加完整的应用程序，所以要小心！！
谢谢。你是对的。问题在于其他元素的样式。我给出了一个最小宽度和留下溢出的属性。现在它在从这些元素中删除样式后解决了。

【解决方案1】：

您应该将您的 css overflow-x: hidden; 添加到您的主 div 或类中，这将帮助您删除水平滚动

【讨论】：

【解决方案2】：

如果您不想在整个应用程序中水平滚动。只需添加

*{
   overflow-x: hidden;
 }

这将移除所有 DOM 元素的水平滚动

【讨论】：