时间戳

首页 > 解决方案 > 如何将链接定位到右上角区域？（以标题为相对的绝对定位）

html - 如何将链接定位到右上角区域？（以标题为相对的绝对定位）

问题描述

我试图让动漫链接到右上角，但不能。只设法这样做，但它的最大位置是直到另一个标题的底部。我在这方面绝对是新手。我设法做到了

在此处输入图像描述

#Header {
        position:fixed;
        background-color:#FFFFFF;
        width: 100%;
        height: 8%;
        top:0px;
    }
    #Header h1{
        margin-top:0px;
        position: relative;
    }
    #Header a{
        color:rgb(255,0,0);
    }
    #Header h3{
        position:absolute;
        top: 0px;
        right: 0px
        margin-top:0px;
    }
<div id=Header>
<h1>
imsmoothlikebutter
</h1>
<h3>
<a href= "anime" Target="Blank"> Anime</a>
</h3>   
</div>

标签： htmlcsscss-positionabsolute

解决方案

我想你忘记了第 18 行的分号。

#Header {
        position:fixed;
        background-color:#FFFFFF;
        width: 100%;
        height: 8%;
        top:0px;
    }
    #Header h1{
        margin-top:0px;
        position: relative;
    }
    #Header a{
        color:rgb(255,0,0);
    }
    #Header h3{
        position:absolute;
        top: 0px;
        right: 0px; /* You forgot a semi-colon on this line */
        margin-top:0px;
    }
<div id=Header>
<h1>
imsmoothlikebutter
</h1>
<h3>
<a href= "anime" Target="Blank"> Anime</a>
</h3>   
</div>

推荐阅读