如何冻结窗格/修复网站标题和水平导航栏？

Question

我目前有一个横幅/标题以及此标题下方的水平导航菜单，我想冻结窗格/修复，以便此标题/导航下方的任何内容只会在其下方滚动。

仅供参考，我需要它在IE8中工作。

我已经设置了以下骨架结构如下：

    <div id="banner-nav">
      <div id="banner">
        <div id="nav">
        </div>
      </div>
    </div>

    <div id="content">
    </div>

如果不能以上述方式完成，任何其他可以满足我要求的替代方案都会很棒。

Answer 1

更改

<div id="banner-nav">

至

<div id="banner-nav" style="position:fixed">

Answer 2

您需要对banner-nav元素应用固定定位：

#banner-nav {
  position:fixed;
  width:100%;
}

要使其在IE7 +中工作，您需要一个doctype，使浏览器以“标准模式”呈现。 HTML5 doctype应该这样做：

<!DOCTYPE html>