0

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は絶対位置とright：0;の2番目のdivであり、＃testは動的な高さの最初のdivです。

このスクリプトをここで見つけました

このように変更しました：

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

しかし、それは機能しませんでした。

私はjQuery/Javascriptの初心者ですが、本当にこのことをしたいと思っています。前もって感謝します！

PS：2番目のdivを最初の下部に直接配置できることはわかっていますが、fbのようなボタンに問題があります。

4

2 に答える 2

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});
});​
于 2012-08-08T22:19:11.870 に答える
0

div #testnewのpositionstyleプロパティがabsoluteまたはrelativeに設定されていない限り、「top」の設定は機能しません。

上記のコードで「top」の代わりに「margin-top」を試してください

于 2012-08-08T22:14:24.203 に答える