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