Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我的网站有一些空白,我可以';不能摆脱_Html_Css_Web - Fatal编程技术网

Html 我的网站有一些空白,我可以';不能摆脱

Html 我的网站有一些空白,我可以';不能摆脱,html,css,web,Html,Css,Web,我正在开发一个非常简单的网站,我遇到了布局错误。我在我的网页右边有一个随机的,不可见的,你可以滚动到,我不知道如何摆脱它。在我的HTMl中确实没有发生任何事情,但这里是我项目的CSS @import url(http://nicholastodor.com/sf/usesf.css); html { width: 100%; height: 100%; } body { background-color: black; width: 100%;

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

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

要去掉它,只需添加
margin:0到您的
正文
CSS样式

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

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

使用
overflow:hidden
覆盖这些
translated
元素的父元素,查看它是否有效

或者可能应用了一些默认的CSS,您可以为
HTML
BODY
等重置它

或者检查您的
DOM
by,查看您拥有的不同元素(它将为它们提供多色边框以供测试),看看哪一个元素实际超出屏幕,然后处理它


如果您也上传标记,我们可以更好地帮助您,或者更好地使用JSbin或JSFIDLE,我们会将其编辑成应该的样子并返回,

抱歉,但是如果没有额外的标记(html),我们真的无法帮到您。最好的方法是,如果您创建一个提琴,让我们了解您的问题:“我的网页右侧有一个随机数”这意味着什么?请将它放在JSFIDLE上,至少还包括HTML代码。如果没有HTML,CSS是无用的,没有人会知道你是如何组织HTML上的元素的。这是一个无意的打字错误。我现在把它从
class
改为
style
。更好?