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会消失吗？

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;
}

Here's a jsFiddle that illustrates it.