导航栏上的链接正在相互重叠。

Question

下面是我的代码示例：

<div class="col_1">
            <a href="Shower-Faucets/"><img src="../product_images/shower_head.jpg"/><p >Shower Faucets</p></a href>
        </div>

        <div class="col_1">
            <a href="Bar-faucets/"><img src="../product_images/bar_faucet.jpg"/><p >Bar faucets</p></a href>
        </div>

当我从导航栏转到一个链接时，链接就会堆叠起来，从而破坏链接。

正在发生的事情的例子：

www.Website.com

Www.Website.com/淋浴-水龙头/

Www.Website.com/淋浴-水龙头/酒吧-水龙头/

应该发生的事情的例子：

www.Website.com >

Www.Website.com/淋浴-水龙头/>

Www.Website.com/Bar-龙头/

Answer 1

你想在你的href的开头添加一个/。这将使链接基于您的地址。

<a href="/Shower-Faucets">
<a href="/Bar-faucets">

如果没有反斜杠，url似乎是相对于您当前所在的位置，因此是地址的堆叠。