Question

当我单击标题中的按钮时，它将转到我指定的div id，这是我想要的，但是标题始终位于顶部并固定在窗口顶部，但是隐藏了信息。有没有办法说，当我单击我的按钮时，窗口会比div高20px？我现在的代码：

 <nav class="Nav">
        <a class="Navigation" id="FirstHeader" href="#FirstTitle">Title</a>
        <a class="Navigation" id="SecHeader" href="#sSecTitle">Title2</a>
</nav>

这将我直接调用的div放在顶部，并由我的标题隐藏。我可以这样使div显示在标题下吗？

Answer 1

请使用CSS属性“ position”来满足您的要求，因为在按钮单击位置上的位置应采用“ top”，“ left”，“ right”，“ bottom”在所需位置，请在下面的代码段中查找，可能会有用：

#parent { 
  position: relative; 
  width: 500px; 
  height: 400px; 
  background-color: #fafafa; 
  border: solid 3px #9e70ba; 
  font-size: 24px; 
  text-align: center; 
} 
#child { 
  position: absolute; 
  left: 0px;
  width: 200px; 
  height: 200px; 
  background-color: #fafafa; 
  border: solid 3px #78e382; 
  font-size: 24px; 
  text-align: center; 
}

 <div id='parent'>
  <div id='child'></div>
</div>

更改href上的窗口位置

1 个答案: