html - 我的网站有一些我无法摆脱的空白

Question

我正在开发一个非常简单的网站，但在布局方面遇到了错误。我的网页右侧有一个随机数，它不可见，您可以滚动到它，但我不知道如何摆脱它。我的 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%);
}

Answer 1

看起来你翻译了很多东西，我猜有些东西超出了屏幕的视野，

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

或者可能正在应用一些默认 CSS，您可以为 HTML、BODY 等重置它

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

如果您也上传标记，我们可以更好地帮助您，或者更好地使用 JSbin 或 JSFiddle，我们将把它编辑成它应该的样子，然后还给它，