我正在尝试在div上设置字体大小,系列和行高。然后我需要知道一些布局的东西的正确的div的高度。然而,我得到的高度是错误的,并且滚动条出现在div的父项中可能是出于同样的原因。下面的jsfiddle最能说明我的问题: http://jsfiddle.net/JYkAX/19/当提供字体大小,系列和行高时div高度不正确
下面是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可以通过拖动鼠标来滚动,但不会出现滚动条。
你能澄清你实际上期待什么吗?我看着你提供的jsFiddle,JS警报弹出“32”,这正是你指定的。 – Steve 2013-03-22 17:01:43
适合我,警报'32' – chriz 2013-03-22 17:02:44
当然。父('.separator')是32px。孩子('。PleaseNoScrollBar')实际上大于32px,正如它使其父滚动的事实所示。 – pulekies 2013-03-22 17:22:30