Javascript 为什么我的两张幻灯片之间有很大的空间？

我没有在两张幻灯片之间添加任何br，为什么在这两张幻灯片之间有一个巨大的空间（多达7个换行符）

我只知道基本的html和css（这是我自己学的）。我对Javascript一无所知。下面的Javascript代码是我的老师给我们看的W3学校的代码

函数openNav（）{ document.getElementById（“mySidebar”）.style.width=“250px”； document.getElementById（“main”）.style.marginLeft=“250px”； } 函数closeNav（）{ document.getElementById（“mySidebar”）.style.width=“0”； document.getElementById（“main”）.style.marginLeft=“0”； } var slideIndex=[1,1]； var slideId=[“mySlides1”、“mySlides2”] 放映幻灯片（1,0）； 放映幻灯片（1,1）； 函数加滑块（n，否）{ 放映幻灯片（幻灯片索引[no]+=n，no）； } 功能演示幻灯片（n，否）{ var i； var x=document.getElementsByClassName（slideId[no]）； 如果（n>x.length）{ 幻灯片索引[编号]=1 } if（n<1）{ slideIndex[编号]=x.length } 对于（i=0；i

/*B O D Y*/
身体{
字体系列：“Lato”，无衬线；
背景图片：url（stars.gif）；
保证金：0；
}
#内容{
背景色：rgba（255、255、255、0.2）；
左边距：200px；
右边距：200px；
填充顶部：15px；
垫底：15px；
}
/*S I D B A R*/
.侧边栏{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧边栏a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧边栏a：悬停{
颜色：#f1f1；
}
.侧边栏.关闭{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
.openbtn{
字体大小：20px；
光标：指针；
背景色：#111；
颜色：白色；
填充：10px 15px；
边界：无；
}
.openbtn:悬停{
背景色：#444；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
/*在高度小于450px的较小屏幕上，更改sidenav的样式（更少的填充和更小的字体大小）*/
@媒体屏幕和屏幕（最大高度：450像素）{
.侧边栏{
填充顶部：15px；
}
.侧边栏a{
字号：18px；
}
}
/*A B U T H A U T H R*/
#关于作者标题{
文本对齐：居中；
左边距：200px；
右边距：200px；
垫面：5px；
垫底：5px；
边框顶部：1px实心rgb（188184184184）；
边框底部：1px实心rgb（188184184184）；
颜色：白色；
}
#关于作者描述{
文本对齐：对齐；
左边距：200px；
右边距：200px；
字体大小：24px；
}
#关于作者形象{
宽度：200px；
显示：块；
左边距：自动；
右边距：自动；
}
#关于作者描述{
颜色：白色；
}
/*S L I D S H O W*/
* {
框大小：边框框
}
.myslide1，
.myslide2{
显示：无文本对齐：居中；
高度：600px；
}
img{
垂直对齐：中间对齐；
}
.myslide1 img，
.mySlides2 img{
宽度：100%；
最大高度：100%；
对象匹配：包含；
}
/*幻灯片容器*/
.slideshow容器{
最大宽度：600px；
位置：相对位置；
保证金：自动；
}
/*下一步和上一步按钮*/
.prev，
.下一个{
光标：指针；
位置：绝对位置；
最高：33%；
宽度：自动；
填充：16px；
利润上限：-22px；
颜色：白色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
用户选择：无；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，
.下一步：悬停{
背景色：rgba（0,0,0,0.8）；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
.幻灯片标题{
颜色：白色；
文本对齐：居中；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}

☰ 菜单
关于作者
Dana已经做了14年的学生。她目前是玛拉特天主教学校圣本尼迪克特分校12年级的优等生。她在死记硬背和熬夜方面的经验使她能够完成这个项目。你
你可以通过与她交谈来了解更多关于她的信息，只是为了让她不理你，或者你可以发电子邮件给她aaa@gmail.com. 
波荷旅行社（2019年）
1/21
2/21
3/21
4/21
5/21
6/21
7/21
8/21
9/21
10/21
11/21
12/21
13/21
14/21
15/21
16/21
17/21
18/21
19/21
20/21
21/21
❮
❯
杰恩：>
1/20
2/20
3/20
4/20
5/20
6/20
7/20
8/20
9/20