html里面搞了几个div，却无法进行翻页操作，怎么办？

Question

css代码如下：

body{

margin-top:0px;
overflow:cover;
background-color: hsl(0, 17%, 93%);

}
.logo{

position: fixed; 
width: 35%; 
height:auto; 
left: 10px; 
top: 15px; 
float:left;
margin-top: 0px;
top:0%;
left:10%;

}

#box{

margin:0 auto;
width:998px;
background-color:white;
text-align: center;
font-size:13px;
color:#333333;
border:0px solid red;
height:100%;
overflow:hidden;

}
#menu{
width:998px;
height:33px;
color:#000066;
font-size:14px;
padding-top:8px;
/**background-image: url("");**/
text-align:center;
position: fixed;
left:10%;
top:150px;
}
#gundong-img{
background-image: url("ddf55l2f8m.jpg");
background-repeat: no-repeat;
background-size: 90% auto;
width:40%;
height:50%;
position:fixed;
left:10%;
top:300px;
}
#gundong-text{
background-color: darkorange;
color:white;
position:fixed;
left:10%;
top:600px;
align-self: center;
}

这几个东西应用到div里面，发现太长了，然而打开网页后不能滚动页面，qiu'jie'j

Answer 1

不能滚动是有可能，你想出滚动条的那个容器或者div，给了overflow：hidden，或者没加 overflow-y: auto;