href 可点击区域正在离开 div答案

【问题标题】：href clickable area is leaving divhref 可点击区域正在离开 div
【发布时间】：2013-12-11 15:24:44
【问题描述】：

我的页面上有一行 3 张图片，单击每张图片都会打开一个更大的视图。

我在这个右侧的另一个 div 将只包含文本。

我的问题是第三张图片的可点击区域重叠，导致下一个 div 中的文本也可点击并打开第三张图片的大图。

如何将它们分开，使右侧的第二个 div 不可点击？

在 Dreamweaver 中查看页面时，没有重叠，两个 div 是分开的，所以我不确定为什么它会导致文本成为链接。

div 的 CSS

#pressure {
width: 400px;
border: 0px;
float: left;
margin: 10px;
overflow-x: hidden;
}

#cpk {
width: 400px;
border: 0px;
float: right;
margin: 10px;
}

这是我所经历的基本设置，底部 div（在我的网站上，它在右侧，但你得到了图片）是可点击的，并链接到其中一张图片，即使它们是单独的 div

http://jsfiddle.net/N8wUe/2/

【问题讨论】：

您能否提供一个简短的自包含代码示例来说明该问题？最好在一个指向 jsfiddle 的链接旁边解决问题？
检查Firebug中的元素？
图片的 HTML 和 CSS 是什么？这也很关键......

标签： css html href

【解决方案1】：

<a href="#"/><img src="images/image.jpg" alt="LCD" width="200" height="100"  />

看来您关闭链接的标记太早了。

不要将“/>”放在锚点的末尾，而是放在 > 并在图片后面加上</a>。

<a href="#"><img src="images/image.jpg" alt=""  width="200" height="100"/></a>

【讨论】：