Html 如何删除引导页面底部的空白？_Html_Css_Twitter Bootstrap_Bootstrap 4

Html 如何删除引导页面底部的空白？

html css twitter-bootstrap bootstrap-4

Html 如何删除引导页面底部的空白？,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,关于我的引导页面，我有一个小问题。在我的页面底部，有一个不需要的5px长的空间。我尝试了所有方法，比如将边距和填充都设置为0，但什么都没发生。有人知道移除它的有效解决方案吗编辑：这是我的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" co

关于我的引导页面，我有一个小问题。在我的页面底部，有一个不需要的5px长的空间。我尝试了所有方法，比如将边距和填充都设置为0，但什么都没发生。有人知道移除它的有效解决方案吗

编辑：这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body style="width: 100%">
    <video style="width: 100%" id="player-video">
        <source src="intro.mp4" type="video/mp4">
    </video>

    <script src="jquery/jquery-3.4.1.slim.min.js"></script>
    <script src="popper/popper.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

请给您的视频标签一个

显示：flex

和

高度：100%

，这将有助于填补任何未分配的空白。在我的演示中，效果很好

如果不行，请告诉我

注意，我在demo文件夹中有bootstrap

 <video style="width: 100%; display: flex; height: 100%;" id="player-video">
        <source src="3. create-react-app.mp4" autoplay type="video/mp4">
    </video>

您的页面中只有一个视频元素？仅仅根据这段代码，我真的看不到任何problem@MaxiGui是的，但是在页面底部有一个空白很好，但是通过打印屏幕、css、html向我们展示它，仅仅基于此很难判断，您是否签入了多个浏览器以查看是否存在不需要的空间，还不如添加您所签入的浏览器。最后一件事是，如果在浏览器中按F-12并使用选择工具高亮显示页面上的空白区域，则可以转到此页面检查页面。然后看看样式，找出是什么导致了它。然后，您可能可以添加您自己的CSS，以更具体地覆盖当前布局。