css - 溢出的 anchor 不可点击

Question

我在一个 div 中有一些段落，一些单词被包裹在 anchor 标记中。这些段落使用 white-space: nowrap，这会导致它们溢出 div 的边界(这是我打算做的)。问题是，溢出是可见的，但 anchor 不可点击。

这可能是设计使然，但仍然有人知道让溢出的 anchor 可点击的方法吗？

提前致谢!

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