网页变得可水平滚动

Posted 2023-03-21

【中文标题】网页变得可水平滚动

【英文标题】：Web pages getting horizontal scrollable

【发布时间】：2021-11-10 11:23:14

【问题描述】：

在我的角度项目中，我正在使用角度日历，但是一旦我登录，我的网站就会水平滚动，并且在登录之前它不能滚动。这可能是什么原因？我不希望我的屏幕可以滚动。正在使用引导程序。

【问题讨论】：

您是否有可能在使用rows 时忘记在其周围添加container？然后该行将是100% + 40px 或其他内容。

@Pieterjan 是的，但没有解决这个问题

请提供一些代码

【参考方案1】：

尝试执行以下操作：

html, body 
 max-width: 100%;
 overflow-x: hidden;
 overflow-y: scroll;

【讨论】：

请不要重复答案..见上面的评论..

我没有看到我的答案与其他 cmets 和答案的确切相似之处 :) 但是，答案可能有某种相似之处 :)

【参考方案2】：

我不了解 Angular，但是，如果您使用自定义 css，请尝试 overflow-x: hidden; 或检查是否有任何div 宽度与其他元素不匹配。

这就是我解决问题的方法。希望对您有所帮助。

【讨论】：

yes overflow-x hidden 有效，但我想知道为什么会这样，因为我检查的所有地方 div 宽度都没有不匹配..