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

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

使用overflow: hidden超过这些translated元素的父级，看看它是否有效

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

或者DOM require 'pubnub' pubnub = Pubnub.new( :publish_key => 'demo', :subscribe_key => 'demo' ) pubnub.publish( :channel => 'The Angular Channel', :message => 'Hello PubNub, love the Ruby SDK!', ) { |data| puts data.response }检查您拥有的不同元素（它会为它们提供多色边框以进行测试）并查看哪一个实际上已经离开屏幕并处理它。< / p>

如果您上传标记，我们可以更好地帮助您，甚至更好地使用JSbin或JSFiddle，我们会将其编辑为应该如何并将其还原，

Answer 2

浏览器的默认CSS为body元素设置了一些余量。这就是您的页面同时包含两个滚动条的原因。

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

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

我的网站有一些我无法摆脱的空格

2 个答案: