今天早上我偶然发现了来自 Polypane 博客的一篇很酷的文章：如何排查出现水平滚动条的原因。
我从这篇文章中的主要收获如下：
1.设置body style为width:100vw和width:100%不一样会导致溢出问题
这是因为如果我们说 width: 100vw 它还考虑了侧边栏的宽度，所以基本上，我们的屏幕宽度将是 100% + sidebar_width，因此它将在水平轴上滚动。
所以为了避免这种情况，就需使用宽度：100%。
2.您可以使用outline来debug滚动问题。
使用下面的css样式来解决滚动条的问题
* {
outline: 1px solid red;
}你可能想知道为什么不直接使用 border: 1px solid red？这是因为边框会为我们的元素添加 2 个额外的像素。
相关推荐
-
在动画期间隐藏滚动条
CSS 仍然无法为自动尺寸auto设置动画。 但可以尝试使用 JavaScript 技巧来实现，Brandon Smith 不久前概述了这种方法。不过我总是想到这个解决方案，因为它太简单了： 另一个问题是滚动条。 当我们设置 max-height: ...
-
css隐藏元素的几种方法和区别（css隐藏元素的三种方法）
1，通过设置display：none 2，input设置type为hidden 3，通过设置层级z-index 使其处于某个div下层来实现隐藏效果...
-
css里首行缩进2字符怎么设置（首行缩进2字符css代码）
1、首先打开Notepad++软件，新建一个空文件 2、输入下图所示内容： 3、点击左上角的文件会出现下图所示界面点击保存 4、点击后会出现下图界面，文件名为css.html，这里CSS只是一个示例，其实只需要扩展名使用.htm或....
-
只会html和css能不能找到工作（只会html css js能找工作吗）
作为过来人说几句吧，去年七月份来到厦门开始实习生涯，作为一个通信工程专业的大四学生，又对通信岗位不感兴趣，在大三下学期的时候学会了html css以及js，技术水平自己觉得找个实习还是没问题的吧，能独立完成页面...
-
如何在 CSS 中使用 currentColor 值
在 CSS 中，我们有一个名为 currentColor 的特殊颜色值，可能大多数人都不知道。 currentColor 所做的是获取颜色属性的值并将其用于任何其他具有颜色参数的属性。 例如以下内容： 下面currentColor写法与上面效果一...
-
如何异步加载 CSS 文件
我们可以像这样异步加载 CSS： 应该什么时候使用css异步加载？ CSS 渲染是阻塞的，所以要考虑性能问题，因为浏览器下载 CSS，会停止绘制页面。因此，任何对首屏内容不重要的 CSS 都应该异步加载。另外，14kb-ish 是...
