javascript - 获取 div 的高度并添加另一个 div 的值

Question

我想获得一个 div 的高度，然后将该值作为“top”或“margin-top”添加到另一个 div。第一个 div 具有动态高度，我想在其底部放置另一个 div，其中包含一个链接和一个类似 fb 的按钮。html 代码如下所示：

...
<div id="testnew">content</div>
<table>
<tr>
<td id="left">content</td>
<td id="right">
    <div id="test">content</div>
</td>
</tr>
</table>
...

所以#testnew是第二个绝对定位的div，right:0;，而#test是第一个动态高度的div。

我在这里找到了这个脚本

改成这样：

<script type="text/javascript">
var socialNetcss = $("#test").height();
$("#testnew").css({ top: socialNetcss});
</script>

但它没有用。

我是 jQuery/Javascript 的新手，但我真的很想做这件事。提前致谢！

PS：我知道我可以直接将第二个 div 放在第一个底部，但是我的 fb like 按钮有问题。

Answer 1

这里的例子：jsfiddle

<div id="first">first<br />first <br />first </div>
<div id="second"></div>​

$(document).ready(function () {
var height= $("#first").height();

$("#second").css({marginTop: height});
});​

Answer 2

除非您的 div #testnew 将位置样式属性设置为绝对或相对，否则设置“顶部”将不起作用

在上面的代码中尝试“margin-top”而不是“top”