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

标签 html css positioning hyperlink

<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; 然后它们被禁用但在页面上可见。有什么解决办法吗?

最佳答案

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

关于html - 当我使用绝对位置时,我的链接变为 "un-clickable"...我该如何修复?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13459661/

相关文章:

javascript - 如何避免 ReactJs 中的 CSS 冲突

css - 将样式应用于具有不同编号的 CSS 类

CSS: float 图像在 float div 中

html - wordpress 插件和主题 css 发生冲突

javascript - 从百分比获取颜色值

javascript - JQuery-UI 选项卡的样式菜单选项卡

Android相对布局定位

css - 具有绝对定位的粘性顶部 div

html - 垂直对齐几个 li 标签中的文本, float 为 :left attribute

javascript - 更改选择元素?