用JS定位div

Question

快速解释：

我有一个页面分为两列。 （使用div style =＆＃34; float：left; width：50％;）。 左列中的某些元素（跨度）具有ID。然后，在右栏中，其他一些元素也有自己的ID。

现在我使用JS将A列元素的高度定位在B列元素的相同高度。 这是我使用的：

document.getElementById(spanInA).style.position = "absolute";
document.getElementById(spanInA).style.top = heightOfSpanInB.toString() + "px";

到目前为止，它工作正常但是我有一个问题：当元素（左列）太长时，它的文本将在右边的列上重叠。

有人建议我添加这样的div：

<div style="position:relative;">
<span id="".$id."">".$text."</span>
</div>

但是，这并没有解决问题，文本确实会被包裹，但它们都低于B栏文本的底部。

我尝试的最后一件事是用div替换跨度，（所以它只是div id =＆＃34; ..＆＃34;＆gt; text / div＆gt;）但它只是与最初只有跨度的结果相同。

halp plox ty！

Answer 1

尝试使用以下功能之一获取元素的高度：

var heightOfSpanInB = document.getElementById("spanInA").clientHeight;
var heightOfSpanInB = document.getElementById("spanInA").offsetHeight;