Html 我的网站有一些空白,我可以';不能摆脱
我正在开发一个非常简单的网站,我遇到了布局错误。我在我的网页右边有一个随机的,不可见的,你可以滚动到,我不知道如何摆脱它。在我的HTMl中确实没有发生任何事情,但这里是我项目的CSSHtml 我的网站有一些空白,我可以';不能摆脱,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%;
@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
。更好?