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 を次に示します。