Div固定定位后消失

Question

我的HTML代码如下：

<div class="wrapper">
  <div class="header">
    this is the header
    <div class="hdr-lnks">
      <a href="#">home</a>
    </div>
  </div>
</div>

我的 CSS 如下：

.hdr-lnks {
    position:fixed;
}

为什么我设置 position: fixed 后，div 就消失了?

- bhawin

Answer 1

你可能需要声明固定在页面上的位置。

例如，如果您希望它固定在页面的左上角，您的代码可能如下所示：

HTML

<div class="wrapper">
  <div class="header">
    this is the header
    <div class="hdr-lnks">
      <a href="#">home</a>
    </div>
  </div>
</div>

CSS（层叠样式表）

.hdr-lnks {
  position:fixed;
  top:0;
  left:0;
}

这里是一个演示它的jsFiddle。

- Jason