对编程有点陌生，我正在制作一个学校项目，我从 w3schools 一步步制作了一个“ul 导航栏”，然后我尝试在页面中放置一个视频，但视频有点搞乱了我的导航栏，任何想法如何使导航栏的底部固定，这样当我放置 img 或视频时它就不会这样做？谢谢你！
代码：
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}
h1 {
font-family: "Comic Sans MS", cursive, sans-serif;
}
li {
font-family: "Comic Sans MS", cursive, sans-serif;
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
background-color: #7092be;
position: sticky;
top: 75px;
width: 100%;
}
li {
float: left;
}
li {
border-right: 1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #496fa0;
}
.active {
background-color: #bdcce1;
}
.center { margin: 0width: 480px; }
</style>
<title></title>
<meta charset='utf-8'>
<meta name='description' content=''>
<meta name='keywords' content=''>
<meta name='author' content=''>
<meta name='robots' content='all'>
</head>
<body>
<h1> Vtipy na den</h1>
<ul>
<li><a href="index.html">Domov</a></li>
<li><a href="ctyri.html">Najdu co neznám</a></li>
<li><a href="obrazky.html">Obrázky</a></li>
<li><a class="active" href="videjko.html">Video vtip</a></li>
<li><a href="tabulky.html">Tabulky</a></li>
<div>
<video class='center' width="640" height="480" controls autoplay>
<source src="vtip1.mp4" type="video/mp4">
<source src="vtip1.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
</div>
</body>
</html>
这是页面
https://i.stack.imgur.com/35sSc.png
肥皂起泡泡
叮当猫咪
相关分类
