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

这是一个说明它的jsFiddle。