代码之家 › 专栏 › 技术社区 › eozzy

基于其他元素的动态高度(jquery)

dynamic jquery

eozzy · 技术社区 · 16 年前

HTML:

<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>

jQuery:

$('.block').height($(".main").height() / (3));

…各块高度=主块高度/3

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

2 回复 | 直到 10 年前

Doug Neiner 16 年前

你需要使用 outerHeight

$('.block').height($(".main").outerHeight( true ) / 3);

编辑我误读了文件,想 margin 默认包含。我错了!一定要通过 true 到 外高度 函数以包括边距。 谢谢@alex sexton!

Alex Sexton 16 年前

您可能对jquery中的outerheight和outerwidth方法感兴趣

http://docs.jquery.com/CSS/outerHeight

http://docs.jquery.com/CSS/outerWidth

希望有帮助!

推荐文章

Christina Norwood · 我需要什么Python技术来获取二进制边距数据?

3 年前

Ofek Pintok · 释放C中指针指针的动态内存

7 年前

M_D · 用jQuery替换文本会导致多个链接出错

7 年前

jfgoodhew1 · 在数据验证中按公式引用命名范围

7 年前

thebeancounter · android-向自定义对话框动态添加按钮

7 年前

F.Hall · 如何在html中使用onkeyup(this)C#文本框动态创建的链接中过滤数据?

7 年前

gideonzane · 动态命名范围的实际工作方式

7 年前

Erre Efe · 使用XUnit测试动态expando

7 年前

Rasec219 · 在脚本上使用append创建MDL输入后,无法使标签在MDL输入上工作;

7 年前

eternity1 · 动态访问熊猫数据帧的子集,执行计算并写入新数据帧

7 年前