基于另一个元素的动态高度(jQuery)

基于另一个元素的动态高度(jQuery),jquery,dynamic,Jquery,Dynamic,HTML: 。。。每个区块高度=主管道高度/3 这是不准确的,因为高度不考虑块的边距/填充。如何自动或手动减去填充/边距?您可能对jQuery中的outerHeight和outerWidth方法感兴趣 希望有帮助 您需要使用 编辑我最初误读了文档,并认为默认情况下包含了边距。我错了!确保将true传递给outerHeight函数以包含边距。谢谢@Alex Sexton 如果要包含边距,请确保将true传递给outerHeight函数。 <div class="main" style="fl

HTML:

。。。每个区块高度=主管道高度/3


这是不准确的,因为高度不考虑块的边距/填充。如何自动或手动减去填充/边距?

您可能对jQuery中的outerHeight和outerWidth方法感兴趣

希望有帮助

您需要使用


编辑我最初误读了文档,并认为默认情况下包含了边距。我错了!确保将true传递给outerHeight函数以包含边距。谢谢@Alex Sexton

如果要包含边距,请确保将true传递给outerHeight函数。
<div class="main" style="float:left">
  lorem ipsum <br />
  lorem ipsum <br />
  lorem ipsum <br />
</div>
<div style="float:right">
  <div class="block">block</div>
  <div class="block">block</div>
  <div class="block">block</div>
</div>
$('.block').height($(".main").height() / (3));
$('.block').height($(".main").outerHeight( true ) / 3);