溢出的锚点不可点击答案

【问题标题】：Overflowing anchor not clickable溢出的锚点不可点击
【发布时间】：2011-07-19 17:15:29
【问题描述】：

我在 div 中有一些段落，其中一些单词包含在锚标记中。这些段落使用空格：nowrap，这会导致它们溢出 div 的边界（这是我打算做的）。问题是，溢出是可见的，但锚点是不可点击的。

这可能是设计使然，但是，有人知道如何让溢出的锚点可点击吗？

提前致谢！

【问题讨论】：

忘了说了，用IE8可以点击。 Firefox 和 Chrome，不是。
有关示例，请参阅great-passage.com/?tag=all&photoId=113。在底部和右侧，您会看到一个标签列表，其中最后一个是不可点击的！
为什么文本会溢出固定的 div 高度？
菲尔，我不确定我是否理解你的问题。当然文本最终会溢出一个固定大小的 div。
看起来与<div id="rightBox" class="rightBox"> 相关，点赞按钮重叠。

【解决方案1】：

这是因为您的div#rightBox - 它在其中包含另一个 div，就像这样：<div class="verticalPlaceholder"></div>。要解决这个问题，不要像这样使用垂直占位符，而是像这样更改 HTML 和 CSS：

HTML

<div class="rightBox" id="rightBox">
    <div class="facebookLike" id="like">
        <iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:100px; height:20px;" src="http://www.facebook.com/plugins/like.php?app_id=174634935928464&amp;href=http%3A%2F%2Fgreat-passage.com%2F%3FphotoId%3D113&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font=arial&amp;height=20"></iframe>
    </div>
    <!-- Deleted verticalPlaceholder div -->
</div>

CSS

div.facebookLike {
    bottom: 75px;        /* ADDED */
    display: block;
    margin: 6px 0 0;
    opacity: 0.5;
    position: relative;  /* ADDED */
}

【讨论】：

是的，这是一个很好的解决方法，我实际上使用了类似的解决方法，使用“margin-bottom”