HTML/CSS 轻微的横向滚动性,如何找到源代码?

标签 html css

<分区>


关闭 8 年前

我已经用 HTML/CSS 建立了一个网站,但是在建立它的某个时候我得到了一个轻微的横向滚动,换句话说,不是完美适合屏幕的网站,而是每边都有白色的细条可以通过在屏幕上向左或向右滚动来访问。我想知道如何找出这个问题的根源?

http://whynotapp.co.uk/tryitout.html

这在 safari 和 chrome 上都会发生

最佳答案

这可能是因为 100% 宽度元素/div 上的左/右边距。如果您将元素放置在某处导致它离开屏幕,也可能会发生这种情况。

一般情况下,如果屏幕上没有任何需要显示的东西,你可以使用:

body {
    overflow-x: hidden;
}

这将隐藏任何超出屏幕 x 访问权限的内容。

关于HTML/CSS 轻微的横向滚动性,如何找到源代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20813066/

上一篇:jquery - 为什么 last-child 在此示例中不起作用?

下一篇:CSS 和页面下载速度

相关文章:

javascript - 谁能发现这个 SVG/Javascript 函数哪里出了问题?

javascript - HTML/CSS/JS : How to force browser to save password from a non -'password' type input?

javascript - Wordpress 革命 slider 背景无法正确显示

html - Css 样式 html 嵌入式代码

html - Bootstrap 3 列不在桌面上水平显示

html - 在 div 的内容和底部边框之间添加空白区域

html - 导航栏中的错误 - 视口(viewport)顶部的间隙

javascript - MVC 和显示/隐藏面板?

javascript - EasySlider1.7 - 如何让第二个 slider 上的箭头起作用?

javascript - 如何在模式打开时停止触发 TAB 键事件