div内にいくつかの段落があり、いくつかの単語はアンカータグでラップされています。段落は空白:nowrapを使用します。これにより、段落はdivの境界からオーバーフローします(これは私が意図していることです)。問題は、オーバーフローは表示されますが、アンカーはクリックできないことです。
これはおそらく設計によるものですが、それでも、オーバーフローしたアンカーをクリック可能にする方法を知っている人はいますか?
前もって感謝します!
それはあなたのせいですdiv#rightBox
-その中に別のdivが含まれています。これは次のようになります: <div class="verticalPlaceholder"></div>
. これを修正するには、このような垂直プレースホルダーを使用する代わりに、HTML と CSS を次のように変更します。
<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&href=http%3A%2F%2Fgreat-passage.com%2F%3FphotoId%3D113&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=dark&font=arial&height=20"></iframe>
</div>
<!-- Deleted verticalPlaceholder div -->
</div>
div.facebookLike {
bottom: 75px; /* ADDED */
display: block;
margin: 6px 0 0;
opacity: 0.5;
position: relative; /* ADDED */
}