even after adding a header my content starts from the top in html why code example

Example: html how to ensure that the header always on top

#header {
  position: fixed;
}

#content {
  margin-top: 100px;
}