css ページ内リンクズレ解消

よくある下記でページ内リンクのズレ解消が出来ない時は要素の上に空要素を追加して非表示にする

#service {
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100px;
}
#service {
  padding-top: 100px;
  margin-top: -100px;
}