Question

这是一个简单的html示例：

<div id="column-5" style="height:300px;width:200px;background:red">
<div class="httwitter-thread-navigation" style="height:223px;width:100%;background:pink">
    <div class="mydiv" style="width:auto;background:yellow;"></div>
</div>

我想要达到的目的是根据以下操作给出.mydiv的高度： .mydiv的高度应该是“＃column-5的高度” - “.httwitter-thread-navigation的高度 - 40px”

在这种情况下翻译

300 - 223 - 40 = 37px

如何使用javascript获得37px的高度？

考虑到第5列或其他的高度可能未在css中指定，因此javascript应该检测到它的innerHeights（包括边距和填充）

非常感谢你

在这里摆弄：http://jsfiddle.net/omegaiori/hafn5/1/

Answer 1

.mydiv的高度应为“＃column-5's height” - “.httwitter-thread-navigation的高度 - 40px”

几乎可以总结一下吗？

$('.mydiv').height(function() {
    return $('#column-5').height() - $('.httwitter-thread-navigation').height() - 40;
});

FIDDLE

jQuery同时具有outerHeight和innerHeight，具体取决于您的需求。阅读文档。

Answer 2

你去：

$(document).ready(function() {

    $('.mydiv').css('height', ($('#column-5').height() - $('.httwitter-thread-navigation').height() - 40);

});

根据其他div高度得到div的高度

2 个答案: