如何冻结窗格/修复网站标题和水平导航栏？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何冻结窗格/修复网站标题和水平导航栏？相关的知识，希望对你有一定的参考价值。
我目前有一个横幅/标题以及此标题下方的水平导航菜单，我想冻结窗格/修复，以便此标题/导航下方的任何内容只会在其下方滚动。
仅供参考，我需要它在IE8中工作。
我已经设置了以下骨架结构如下：
<div id="banner-nav">
<div id="banner">
<div id="nav">
</div>
</div>
</div>
<div id="content">
</div>
如果不能以上述方式完成，任何其他可以满足我要求的替代方案都会很棒。
答案
更改
<div id="banner-nav">
至
<div id="banner-nav" style="position:fixed">
另一答案
您需要对banner-nav元素应用固定定位：
#banner-nav {
position:fixed;
width:100%;
}
要使其在IE7 +中工作，您需要一个doctype，使浏览器以“标准模式”呈现。 html5 doctype应该这样做：
<!DOCTYPE html>
以上是关于如何冻结窗格/修复网站标题和水平导航栏？的主要内容，如果未能解决你的问题，请参考以下文章