使用CSS定位asp：超链接

Question

如何使用CSS将其放置在页面的右上角？

<asp:HyperLink ID="lnkLogout" runat="server" NavigateUrl="~/Logout.aspx" ImageUrl="~/images/LogoutButton.png" CssClass="LogoutButton"></asp:HyperLink>

Answer 1

描述

您可以使用绝对位置，但我建议您使用位于_Layout.cshtml (if you use Asp.Net Mvc with the Razor View Engine)或Masterpage (if you use Asp.Net Webforms)顶部的div。

这是css解决方案。

示例

.LogoutButton
{
    position:absolute;
    left:0px;
    top:0px;
    // other stuff
}

Answer 2

在最外层的父容器（例如使用style="position:absolute"定位的div）中，您可以使用以下内容实现目标：

.LogoutButton{
    position:absolute;
    right:0%;          
    top:0%;
}       

另外，您可以随时使用px来获得更准确的定位。即。 right:5px会将超链接从右边框移开5px;顶级财产也是如此。