我们可以在.resize中渲染div之后找出div的高度

Question

我有这样的结构，

<div id="A">
 <div id="A1">
    <div id="B1"></div>
    <div id="B2"></div>
 </div>
 <div id="A2"></div>
</div>

A2和B2中包含表格，B1只有4个复选框。

我希望A1和A2在页面上达到50/50％，目前效果非常好。但是当有人在浏览器窗口调整大小时，我的A1会变得更高，有时候身高也会更低。

JS //我会在一个小时左右添加它

问题

当某人在浏览器中调整大小时，我可以在方法B1中找出.resize的高度吗？这必须在渲染之前发生，然后我会根据{{B2调整B1的大小1}}身高。

Answer 1

您可以使用offsetHeight属性

获取javascript中特定元素的高度

在您的情况下，要获得B1的高度，请执行类似

的操作

var B1Height = document.getElementById('B1').offsetHeight;

offsetHeight是什么？

offsetHeight = height + padding + scrollBar + border。

offsetHeight不包括保证金。

Answer 2

试试这个：

var B1Height = $("#B1")[0].clientHeight;

DEMO