指向不同页面的链接

Question

我有以下编码：

<style type="text/css">
    .clsLink {
        position: absolute;
        width: 100%;
        height: 1300px;
    }
</style>

<a href="http://www.somewhere.com" class="clsLink"></a>

我需要根据用户在页面中单击的位置指向该页面的链接。

链接将分为三个区域：

• 左区域：calc（（100％-960px）/ 2）
• 中间区域：960px

• 右侧区域：calc（（100％-960px）/ 2）

  如何处理此问题？

Answer 1

三个链接标签并排放置，因此它显示为一个链接，请尝试以下操作：

html：

<a href="http://www.somewhere1.com" class="clsLink">please</a>
<a href="http://www.somewhere2.com" class="clsLink">click</a>
<a href="http://www.somewhere3.com" class="clsLink">here</a>

css：

 .clsLink {
    width: 100%;
    height: 1300px;
    text-decoration: none;
 }