1

カレンダーサイトを作っています。これには、コンテンツ div 内にラップされた、カレンダーが読み込まれるカレンダー div があります。このヘッダーとフッターは固定位置です。青い部分にカレンダーが読み込まれます。

ここに画像の説明を入力

HTML

<div class ="content">
   <div id="calendar"></div>
</div>

CSS

.content{
   background: #fcfcfc;
   height: 100%;
   margin: -70px 0 -20px;
   padding: 70px 0 20px;
}

#calendar{
   background: #fcfcfc;
   margin: 10px 10px 10px 10px;
   border: 1px solid #888;

}

JS

var calHeight = $(".content").height();

画像から、calHeight は約 390 になるはずですが、クロムでは 594、Firefox では 565 になります。.

calHeight を表示サイズにするにはどうすればよいですか?

4

3 に答える 3

0

このような

デモ

JS

$(document).ready(function () {
    $('.content').children().height($(window).height());
});
于 2013-08-22T07:16:48.787 に答える