Html 除非绝对定位，否则锚定标签不可点击？

我有以下HTML：

@导入url(https://fonts.googleapis.com/css?family=Roboto:400，300400斜体，500700900）；
/*全局css*/
身体{
字体大小：16px；
字体系列：“Roboto”，无衬线；
颜色：#fff；
填充：0；
保证金：0；
}
.col-md-4{
宽度：33.33%；
浮动：左；
}
.信息框{
显示：块；
位置：相对位置；
背景：7accc8；
填充：2em 0；
溢出：隐藏；
文本对齐：居中；
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
}
.信息框h5{
字体大小：30px；
保证金：0；
文本转换：大写；
字号：700；
}
.信息框p{
保证金：0.5em0；
}
.信息框h5，
.信息框p{
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
-webkit转换：translateY（50%）；
-ms转换：translateY（50%）；
-o变换：translateY（50%）；
转化：translateY（50%）；
}
.信息框：悬停h5，
.信息框：悬停p{
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.信息框跨度{
显示：内联块；
字号：700；
位置：相对位置；
/*位置：绝对位置；
底部：0；
左：0；
右：0；
*/
/*左：50%；
-webkit转换：translateX（-50%）；
-ms转换：translateX（-50%）；
-o-转换：translateX（-50%）；
转化：translateX（-50%）*/
-webkit转换：translateY（100px）；
-ms变换：translateY（100px）；
-o变换：translateY（100px）；
变换：translateY（100px）；
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
}
.信息框：悬停{
背景#f5989d；
}
.信息框：悬停范围{
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.信息框范围：之前，
.信息框范围：之后{
内容：''；
位置：绝对位置；
最高：50%；
右：50%；
宽度：100%；
高度：1px；
背景：#fff；
/*-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
-o-变换：translateY（-50%）；
转化：translateY（-50%）*/
-webkit转换：全部.3s轻松.2s；
-o型过渡：所有.3s和.2s；
过渡：全部.3s轻松.2s；
不透明度：0
}
.信息框范围：之后{
右：首字母；
左：50%；
}
.信息框：悬停范围：之后，
.信息框：焦点范围：之后，
.信息框：活动范围：之后{
左：计算（100%+10px）；
不透明度：1；
}
.信息框：悬停范围：之前，
.信息框：焦点范围：之前，
.信息框：活动范围：之前{
右：计算（100%+10px）；
不透明度：1；
}

2200 AED
5次私人会议/有效期：2个月

在线预约
可能是
a
没有
href
。我不知道原始代码中是否也有，但它似乎解决了问题

当我添加你的代码时，它显然解决了问题，但它对我不起作用，因此我认为你在更改HTML时添加了a href。
可能是
a
没有a
href
。我不知道原始代码中是否也有，但它似乎解决了问题

当我添加你的代码时（这显然解决了问题），它对我不起作用，因此我认为你在更改HTML时添加了a href。
你需要添加
href
，否则
a
将无法单击

如果您没有使用
href
，则它仅被视为占位符超链接，请参阅此处的更多信息


@导入url(https://fonts.googleapis.com/css?family=Roboto:400，300400斜体，500700900）；
/*全局css*/
身体{
字体大小：16px；
字体系列：“Roboto”，无衬线；
颜色：#fff；
填充：0；
保证金：0；
}
.col-md-4{
宽度：33.33%；
浮动：左；
}
.信息框{
显示：块；
位置：相对位置；
背景：7accc8；
填充：2em 0；
溢出：隐藏；
文本对齐：居中；
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
}
.信息框h5{
字体大小：30px；
保证金：0；
文本转换：大写；
字号：700；
}
.信息框p{
保证金：0.5em0；
}
.信息框h5，
.信息框p{
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
-webkit转换：translateY（50%）；
-ms转换：translateY（50%）；
-o变换：translateY（50%）；
转化：translateY（50%）；
}
.信息框：悬停h5，
.信息框：悬停p{
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.信息框跨度{
显示：内联块；
字号：700；
位置：相对位置；
/*位置：绝对位置；
底部：0；
左：0；
右：0；
*/
/*左：50%；
-webkit转换：translateX（-50%）；
-ms转换：translateX（-50%）；
-o-转换：translateX（-50%）；
转化：translateX（-50%）*/
-webkit转换：translateY（100px）；
-ms变换：translateY（100px）；
-o变换：translateY（100px）；
变换：translateY（100px）；
-webkit转换：all.3s；
-o-transition:all.3s；
过渡：全部3秒；
}
.信息框：悬停{
背景#f5989d；
}
.信息框：悬停范围{
-webkit转换：translateY（0）；
-ms变换：translateY（0）；
-o变换：translateY（0）；
变换：translateY（0）；
}
.信息框范围：之前，
.信息框范围：之后{
内容：''；
位置：绝对位置；
最高：50%；
右：50%；
宽度：100%；
高度：1px；
背景：#fff；
/*-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
-o-变换：translateY（-50%）；
转化：translateY（-50%）*/
-webkit转换：全部.3s轻松.2s；
-o型过渡：所有.3s和.2s；
过渡：全部.3s轻松.2s；
不透明度：0
}
.信息框范围：之后{
右：首字母；
左：50%；
}
.信息框：悬停范围：之后，
.信息框：焦点范围：之后，
.信息框：活动范围：之后{
左：计算（100%+10px）；