div でフォント サイズ、ファミリ、および行の高さを設定しようとしています。次に、レイアウト用の div の正しい高さを知る必要があります。ただし、取得している高さが間違っており、おそらく同じ理由でスクロールバーが div の親に表示されています。次の jsfiddle は私の問題を最もよく示しています: http://jsfiddle.net/JYkAX/19/
html は次のとおりです。
<div class="separator">
<div class="PleaseNoScrollBar">
Some Text Here
</div>
</div>
CSSは次のとおりです。
.separator
{
background: gray;
display: block;
overflow: auto;
}
.PleaseNoScrollBar
{
font-family: cursive;
background: lightgray;
line-height: 32px;
font-size: 32px;
display: block;
opacity: 0.5;
vertical-align: top;
}
次の jquery は、div の外側の高さを取得します (ただし、正しくありません)。
alert($(".PleaseNoScrollBar").outerHeight());
これを引き起こしている原因についてのアイデアはありますか? 残念ながら、div の実際の外側の高さを取得できるようにする必要があります。親 div を大きくすることはできません。
スクロールバーは Chrome と IE でのみ表示されます。Firefox では、マウスをドラッグして div をスクロールできますが、スクロールバーは表示されません。