最近几天我看了很多教程,但遇到一个问题:当我的网页垂直滚动时,(固定的)页眉会覆盖在其下面的内容。
这个问题出现在这个测试站点的所有页面上。
HTML >
<header>
<div id="nav">
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="collection.html" title="Collection">Collection</a></li>
<li><a href="shop.html" title="Shop">Shop</a></li>
<li><a href="faq-policies.html" title="Frequently asked questions and policies">FAQ/Policies</a></li>
<li><a href="contact.php" title="Contact">Contact</a></li>
</ul>
</li>
</ul>
<br class="clearboth"/>
</div>
</header>
<br>
<div class="table">
CSS >
header {
margin-left: auto;
margin-right: auto;
text-align: center;
position: fixed;
z-index: 10;
}
.table {
margin-left: 75px;
text-decoration: none;
margin-top:300px;
}
.table
div 中添加padding-top
,使其向下推动足够的距离以便能够看到它。 - Paulie_Dfixed
。只需使包含内容的表格div
滚动,而不是整个页面,这样您的标题将始终位于内容上方(顺便说一下,将div
命名为.table
是一个糟糕的想法,最好将其命名为.content
或其他名称)。 - myfunkyside