溢出的锚点不可点击

Question

我在div中有一些段落，其中一些单词包含在锚标签中。 段落使用white-space：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 */
}