html - 当我使用绝对位置时，我的链接变为 "un-clickable"...我该如何修复？

Question

<div id="cart-login" style="position:absolute;right:50px;top:30px;">
    <a href="login.php">LOGIN</a> or <a href="sign-in.php">SIGN UP</a> <a href="cart.php" class="no-underline">CART</a>
</div>

我已经做了很多很多次了，但出于某种原因，这次链接变得无法点击。我试过 float:right; margin-right:50px; 和 position:absolute;右:50px；。两者都呈现链接和文本不可选择和不可点击。我什至尝试过 z-index 以防某处存在不可见层。为什么页面上的所有链接都有效，但这些链接无效？在我应用 position:absolute; 之前，链接很好right:50px; 然后它们被禁用但在页面上可见。有什么解决办法吗？

Answer 1

div 元素默认设置为占据 100% 宽度。一旦设置为 position:absolute，它们的宽度和高度就由它们的内容决定。尝试给 #cart-login 明确的高度和宽度。