html网页中滚动条怎么显示不出来,html – 为什么我的网站上显示水平滚动条？...

我正在制作一个网站和一个水平滚动条显示.当然,我可以使用overflow-x来解决我的所有问题,但我想知道问题的根源.有人能告诉我滚动条出现的原因吗？这是我的css：

body {

background-image: url("rain.jpg");

background-repeat: no-repeat;

background-size: 100% 800px;

}

#header {

width: 83%;

height: 70px;

background-color: blue;

border: cyan solid 3px;

border-radius:20px;

position: relative;

top: 20px;

margin: auto;

}

p {

font-size:30px;

font-weight: bold;

color: yellow;

position: relative;

right: -450px;

top: -8px;

}

#container {

position: relative;

width: 83%;

height: 1000px;

top: 50px;

margin: auto;

background-color: blue;

}

.img {

height: 150px;

width: 225px;

padding: 0px;

padding-top: 30px;

cursor: pointer;

opacity: 1;

}

.click {

height: 400px;

width: 600px;

position: relative;

right: -200px;

cursor: pointer;

}

li {

display: inline-block;

}