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>