2

実際の div の高さを取得する必要がありますが、以下の jquery 関数はすべて、実際の高さよりも約 10 ピクセル短い同じ値を生成します。スクリーン キャプチャを使用して実際の高さを確認し、フォト ショップで測定しました。

正しい高さを取得するには、どのメソッドが必要ですか?

alert($("#content-container").outerHeight(true));
alert($("#content-container").outerHeight());
alert($("#content-container").height());

#content-container {
width: 970px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
height: auto;
min-height: 550px;
}

<body>
<div id="content-container">Content</div>
</body>

div にはコンテンツがありますが、ここに投稿するには多すぎます。コンテナに境界線を適用した場合、境界線の上端から境界線の下端までを測定できるように、コンテナの全高が必要です。現在、取得している高さは、その測定値よりも 10 ピクセル小さくなっています。

4

3 に答える 3

3

OuterHeight はコンテンツ コンテナーに適用されたパディングとマージンを含む高さを提供し、innerHeight はパディングのみを含む高さを提供し、height はコンテンツ コンテナーに適用されたパディングとマージンを除いた高さを提供します。

そして、あなたは全高を知りたいです。outerHeight() を使用することをお勧めします

alert($("#content-container").outerHeight());

さらに、質問を解決したい場合は、フィドルを投稿することをお勧めします。ありがとうございます。

于 2013-03-27T20:06:08.527 に答える
1

div には明示的な高さを設定する必要がある場合があります。それ以外の場合、高さは返されません。

于 2013-03-27T19:15:42.693 に答える
1

この問題は、コンテンツ領域にある順序付けられていないリストに関連しているようです。アイテムをインラインで表示し、li を display:inline に設定したかったのですが、inline プロパティを削除して float:left に変更すると、機能し始めました。これは私には意味がありませんが、現在は機能しています。

于 2013-03-27T21:08:32.290 に答える