我正在开发的页面向右滚动。我不想要那个卷轴

Question

我正在开发的页面向右滚动。

我不想要滚动，因为页面不会向右滚动。对？

请帮我删除该卷轴。

我只使用了html5和css。

这是CSS文件：

/***********************************Basic layout****************************/
*{
	font-family: 'Open Sans', sans-serif;	
}
.bg{
	position:absolute;
	top:0px;
	background: url('1.jpg');
	height: 700px;
	width:100%;
	opacity:1;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
body{
	top:0px;
	left:0px;
	margin:0px;
	right:0px;
}
/*************top header and navigation bar******************************/
header{
	position:relative;
	top:20px;
	left:50px;
	font-size:1.3em;
}
nav{
	position:relative;
	left:600px;
	top:-47px;
}
nav ul li{
	list-style:none;
	display:inline;
	padding:10px;
	font-size:1.1em;
}
a{
	color:#444;
	text-decoration:none;
}
a:hover{
	border-bottom: 4px solid #438d80;/*#438d80*/
}
#message{
	position:relative;
	top:50px;
	left:450px;
}
#message p{
	color:white;
	font-size:30px;	
}
p{
	line-height:8px;
}
/*
.button{
	height:40px;
	width:200px;
	background:#438d80;
	border:none;
	cursor:pointer;
	font-size:20px;
	position:relative;
	left:490px;
	top:55px;
	color:#eee;
	font-weight:100;
	letter-spacing:1.7px;
	border-radius:5px;
}
.button:hover{
	color:white;
	background:#ff9933;
}*/
#earnButton{
	position:realtive;
	top:55px;
	left:-100px;
	background:#438d80;
}
#container2{
	position:absolute;
	top:710px;
	text-align:center;
}
#container2 > h1{
	text-align:center; 
}

Answer 1

对于body标记写入overflow-x：像这样隐藏

body
{
overflow-x:hidden;
}

它会解决滚动问题。