我想知道如何让我的网站有一个固定的顶部横幅与它的水平导航栏,所以当人们滚动浏览网站时,横幅和导航保持在其位置,而内容将正常滚动.
HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Play - Learn - Grow</title>
<link rel="stylesheet" href="main.css">
</head>
<body class="body">
<span class="banner_h">
<img src="Images\Top_Banner_4.png" alt="Banner" height="150" width ="1240" />
</span>
<nav>
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="membership.html">Become a Member</a></li>
<li><a href="borrow.html">Borrow Toys</a></li>
<li><a href="policies.html">Our Policies</a></li>
<li><a href="sitemap.html">Site Map</a></li>
</ul>
</nav>
<span class="banner_l">
<img src="Images\Side_Banner.jpg" alt="Banner" />
</span>
<span class="banner_r">
<img src="Images\Side_Banner.jpg" alt="Banner" />
</span>
<h2 class="headers">Welcome to the Home Page!</h2>
<div class="container">
Our …Run Code Online (Sandbox Code Playgroud)