0

イエロー ボックスの高さが正しく計算されない理由 (100px) を知っている人はいますか?

JavaScript-Partが実際の高さを知るように、cssを定義する必要があります...

<div id="footer">
 <div class="header">
  Header
 </div>
 <div class="content">
  Content blub    
 </div>
</div>​

ここにjsFiddleがあります - http://jsfiddle.net/3nM7f/

4

2 に答える 2

2

%これは、ピクセルではなくパーセンテージを使用して定義しているためですpx。

変更する必要があります

.content{
    height:100%;   
    background-color:yellow;
}

に

.content{
    height:100px;   
    background-color:yellow;
}

すべてのセクションが正しく表示されます。

ここにjsfiddle。

于 2012-11-26T11:05:58.573 に答える
1

高さ 100% は、常に親 div の高さを取ります。必要に応じて、javascript を使用して高さを設定できます。Web サイトのヘッダーに jquery js ファイルを含める必要があります。構文は 100% 正しいとは限りませんが、概念は使用できます

var height = $(".footer").css("height") - $(".header").css("height");
$(".content").css("height",height);
于 2012-11-26T11:20:49.310 に答える