jQueryの高さの問題（値）

Question

jQuery（文字通り今日はそれを使い始めました）にはとても新しいので、私は非常に明白な何かを見逃しています。

私は動的に別のdivコンテナの1つのdivコンテナの高さを設定しようとしているjQueryの1.5.2とVS 2010でASP.NET 3.5で働いています。後者のdivが内のコンテンツを収容するために成長し、私はそれ以外の場合はひどい見える高さが等しくなるように2が必要です。

私はSite.masterファイルのヘッダーに次のコードを試してみました：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     var newHeight = $("#content").height() + "px"; //Also tried without + "px" 
     $("#sidebar").height(newHeight); 
    }); 
</script> 

これをやっている...何かを。最初のdivの上部には、第二の底部とインラインでレンダリングされています。彼らが同じ高さであれば、私は確信していません。私は今のFirefox 10.0.2でこれを使用してい

。私は他のバージョンやブラウザをチェックしていません。

すべてのヘルプは、この上で認識されます。まず

Answer 1

：.heightが「PX」第二

せずに使用されます。このコードは#sidebarの高さを設定します文書の負荷を完全#contentの高さに等しいです。

これを行うだけなら、このコードは十分であるはずです。

しかし、要素の高さが違う場合（コンテンツを取得して#contentに設定するajaxリクエストのように）、#contentの高さが変更されるたびに#sidebarの高さを調整する必要があります。これらの要素の位置の問題について

、あなたのCSSのいくつかのエラーでなければなりません。..そのフロートの特性についての何か。..

Answer 2

これは私の作品：

<div id="content" style="float:left; width:100px; height: 200px; background: red;">This is the content</div> 
<div id="sidebar" style="float:left; width: 50px; background: blue;">This is the sidebar</div>​ 

$(document).ready(function() { 
    var newHeight = $("#content").height(); 
    $("#sidebar").height(newHeight); 
}); 

http://jsfiddle.net/K2fmT/

Answer 3

それはあなたのPXなしで問題なく動作します。

ます。また、jQueryのAPIを使用して、この例でこのような操作を行うために equalizeHeights()を使用しようとすることができ

：

How to use equalizeHeights