Question

我想获得div的高度，然后将该值作为“top”或“margin-top”添加到另一个div。第一个div具有动态高度，在底部我想放置另一个包含链接和fb按钮的div。 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：0;和#test是第一个具有动态高度的div。

我找到了这个脚本here

改变它：

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

但它不起作用。

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

PS：我知道我可以直接将第二个div放在第一个底部，但后来我遇到了像fb一样的问题。

Answer 1

除非您的div #testnew将位置样式属性设置为绝对或相对

，否则设置“top”将不起作用

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

Answer 2

此处示例：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});
});

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

2 个答案: