当我单击标题中的按钮时,它将转到我指定的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显示在标题下吗?
答案 0 :(得分:0)
请使用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>