无法点击溢出锚

Question

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

这可能是设计，但仍然，有人知道一种方法，使溢出的锚点可点击?

提前感谢!

Answer 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 */
}