我的网站有一些空白，我无法摆脱答案

【问题标题】：My website has some empty spacing I can't get rid of我的网站有一些空白，我无法摆脱
【发布时间】：2015-06-14 21:19:29
【问题描述】：

我正在开发一个非常简单的网站，但在布局中遇到了错误。我的网页右侧有一个不可见的随机数，您可以滚动到它，但我不知道如何摆脱它。我的 HTMl 中确实没有发生任何事情，但这是我项目的 CSS。

    @import url(http://nicholastodor.com/sf/usesf.css);

html {
    width: 100%;
    height: 100%;
}

body {
    background-color: black;
    width: 100%;
    height: 100%;
}

#developmentTitle {
    margin: auto;
    font-family: "Avenir Next";
    color: lightgrey;
    font-size: 19px;
    vertical-align: middle;
    left: 13%;
    top: 103%;
    position: relative;
    -ms-transform: translate(0,-100%); /* IE 9 */
    -webkit-transform: translate(0,-100%); /* Safari */
    transform: translate(0,-100%);
}

#development {
    margin: auto;
    font-family: "Avenir Next";
    color: lightgrey;
    font-size: 15px;
    vertical-align: middle;
    left: 33%;
    top: 114%;
    position: relative;
    -ms-transform: translate(0,-116%); /* IE 9 */
    -webkit-transform: translate(0,-116%); /* Safari */
    transform: translate(0,-116%);  
}

#aboutMe {
    margin: auto;
    font-family: "Avenir Next";
    color: lightgrey;
    font-size: 15px;
    vertical-align: middle;
    left: 33%;
    top: 117%;
    position: relative;
    -ms-transform: translate(0,-116%); /* IE 9 */
    -webkit-transform: translate(0,-116%); /* Safari */
    transform: translate(0,-116%);  
}

#aboutMeTitle {
    margin: auto;
    font-family: "Avenir Next";
    color: lightgrey;
    font-size: 19px;
    vertical-align: middle;
    left: 13%;
    top: 100%;
    position: relative;
    -ms-transform: translate(0,-100%); /* IE 9 */
    -webkit-transform: translate(0,-100%); /* Safari */
    transform: translate(0,-100%);
}

#beginningTitle {
    margin: auto;
    font-family: "Avenir";
    color: lightgrey;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    position: relative;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);
}

【问题讨论】：

抱歉，如果没有额外的标记（html），我们真的无能为力。最好是为我们创建一个小提琴来理解您的问题：jsfiddle.net
“我的网页右侧有一个随机数”这是什么意思？
请把它放在jsfiddle上，至少也包括HTML代码。没有 HTML，CSS 就毫无用处，没有人会知道你是如何组织 HTML 上的元素的。

标签： html css web

【解决方案1】：

你好像翻译了很多东西，我猜是有些东西超出了屏幕的视野，

在这些 translated 元素的父级上使用 overflow: hidden 看看它是否有效

否则可能会应用一些默认 CSS，您可以将其重置为 HTML、BODY 等

或通过Pesticide for chrome 检查您的DOM 以了解您拥有的不同元素（它将为它们提供多色边框以进行测试）并查看哪个元素实际上超出了屏幕并处理它。

如果您也上传您的标记，我们可以为您提供更好的帮助，或者更好地使用 JSbin 或 JSFiddle，我们会将其编辑为应有的状态并返回，

【讨论】：

【解决方案2】：

浏览器的默认 CSS 为 body 元素设置了一些边距。这就是为什么您的页面有两个滚动条。

要摆脱它，您只需将margin: 0; 添加到您的body CSS 样式中。

body {
    background-color: black;
    width: 100%;
    height: 100%;
    margin: 0; /* add this line */
}

【讨论】：

这是一个无意的错字。我现在已将其从 class 更改为 style。更好？