Почему particles не идет на полную высоту сайта?

#particles-js {
  background-color: grey;
}

.site {
  position: absolute;
}

<div id="particles-js">
  <div class="site">
    <div class="header">
      <a class="logo">
        <center>Test</center>
      </a>
      <div class="links">
        <center>
          <a href="index.html" class="link">first</a>
          <a href="articles.html" class="link">second</a>
          <a href="" class="link">third</a>
        </center>
      </div>
    </div>
  </div>
</div>