Javascript 图片和视频导致我的网站下方出现随机空白

在我的主体元素和页脚之间，我的网站上有一堆随机的空白。我发现，通过删除我的猫图像和视频播放器，空间消失了。但是，当然，我不想这样做，所以我想知道是什么创造了空白。我唯一能摆脱它的方法就是删除视频和图像。删除某些css或所有css都不起作用

很抱歉提前发布了我的所有代码，但只有当我的所有代码都在那里时，问题才可见。发布文本或任何其他内容来替换我的代码都不会出现问题。这就是为什么那里有这么多代码

函数长度（）{
var video=document.getElementById（“示例”）；
len=视频。持续时间；
document.getElementById（“vidlen”）.innerHTML=len.toFixed（1）；
}

.videoplayer{
位置：相对位置；
右：-400px；
底部：290px；
宽度：35%；
}
#页脚{
位置：相对位置；
底部：0；
宽度：100%；
高度：2.5雷姆；
}
#pgselect{
位置：绝对位置；
宽度：133.859375px；
左边距：自动；
右边距：自动；
左：0；
右：0；
文本对齐：居中；
}
#卡特班纳{
位置：相对位置；
左：470px；
底部：260px；
}

我的网页
地球自转视频
第1页
->
var death=document.getElementById（“death”）；
死亡体积=0.2；

现在要调试的代码更少了，更容易看出问题所在：）

您正在为元素设置

bottom

属性，这会将该空间添加到容器的底部。如果从div中删除此值，则会修复问题

注意：在引导卡上设置

右侧

或

左侧

，仍然可能会出现问题。最好只使用引导类，而不要试图通过指定它们的位置来“拉”某些元素

像这样将自定义定位与引导混合会导致问题。Bootstrap是一个为您创建布局的完整框架-如果您对某些元素进行更改，它将对页面的总体布局产生影响

工作示例： （我在下面的示例中替换了您的视频和图像，以便您可以看到正在发生的事情）

函数长度（）{
var video=document.getElementById（“示例”）；
len=视频。持续时间；
document.getElementById（“vidlen”）.innerHTML=len.toFixed（1）；
}

.videoplayer{
位置：相对位置；
右：-400px；
/*底部：290px*/
宽度：35%；
}
#页脚{
位置：相对位置；
底部：0；
宽度：100%；
高度：2.5雷姆；
}
#pgselect{
位置：绝对位置；
宽度：133.859375px；
左边距：自动；
右边距：自动；
左：0；
右：0；
文本对齐：居中；
}
#卡特班纳{
位置：相对位置；
左：470px；
/*底部：260px*/
}

我的网页
地球自转视频
第1页
->
var death=document.getElementById（“death”）；
死亡体积=0.2；

正如我在另一个问题上所建议的，请创建一个解决方案，这样我们就可以排除由无关代码引起的问题，并帮助您找到问题所在。你需要帮助我们来帮助你！你真的需要横幅、导航等和相关的CSS才能看到页脚的额外空间吗？@FluffyKitten我以前试过删掉一些东西，但是你看不到问题所在。我试着制作更简单的代码来复制我以前拥有的代码，这样我就可以将代码片段最小化，但没有成功。这就是为什么我把所有的东西都放在了里面，但却指明了我认为问题发生的地方。如果你想让我们帮助你，那么你应该让我们尽可能容易地帮助你！我们越容易找到问题，你就越有可能得到答案。正如我所说的，你真的需要横幅、导航等和相关的CSS来重现问题吗？@FluffyKitten我拿出了除了造成问题的东西以外的所有东西。我期待你的帮助！提前谢谢@毛茸茸的我意识到在把所有东西都拿出来之后，问题就不存在了。我不知道该怎么办。我不能把所有的东西都放在里面，但也不能把所有的东西都拿出来。那么，我怎么能在不指定的情况下把东西放在我想要的地方呢？@meematzzz让Bootstrap的框架为你做这件事——这就是它的意义所在！或者，如果你不想让Bootstrap的框架为你创建布局，就不要使用Bootstrap的框架。根本没有办法移动bootstrap的元素？我需要重做整个网站的大部分内容吗？@meematzzz当然不需要。我猜你选择引导是因为它提供了你想要的布局。您只需要为该布局使用适当的类。查看文档以了解需要包含哪些其他类或css才能正常工作。