使用定位链接时,是否可以定位页面上显示节的位置?

时间:2019-01-23 23:22:55

标签: html5 css3

我正在使用anchor links跳到页面上的不同部分。

问题是,当它跳转时,该部分一直移动到页眉顶部的页面顶部,因此该部分的部分被隐藏了。

是否可以指定链接的显示位置?我希望它仅将节的顶部移动到标题的底部。

我对编码非常陌生,一直在各地寻找解决方案,但是我不确定这是否可能或者我走错了路。

我已经尝试在CSS中使用定位和边距,但这是行不通的。这是我目前所在的位置。

HTML:

`<body>
 <header>
   <ul
>
    <li><a href="#rambles">Rambles</a></li>
    <li><a href="#recordedMaterial">Recorded Material</a></li>
    <li><a href="#reachOut">Reach Out</a></li>
   </ul>
 </header>`

CSS

div.section:target {
    position: inherit;
    top: 130px;
}

我尝试使用位置将节向下移动到标题下方,但它仍将其推到顶部,并在上方节之间创建了很大的空间。

0 个答案:

没有答案