2

css式を使用して身長を動的に変更したい..私のコードは

HTML

<body >
 <div class="tall_top" >

 </div>
</body>

CSS

body {
     width:      100px;
     height:     expression(document.documentElement.clientHeight);
     background: red;
   }
 .tall_top { 
   background:#f1f1f1; 
   width:50%; 
   height:50%
  }

しかし、それはグーグルクロームでは機能していません.....内側のdivは表示されていません。inspect要素に表示される本体の高さは0pxです。

JSフィドル

http://jsfiddle.net/3x6fh/

4

3 に答える 3

3

div.tall_top高さがないため表示されbody,htmlません。

高さをに設定します100%

    html,body {
        margin:0;
        width:100%;
        height:100%;
        background:blue;
    }

デモ： http： //jsfiddle.net/codef0rmer/3x6fh/2/

于 2012-08-15T06:46:13.740 に答える
1

基本的に、ウィンドウの高さ（通常は要素expressionの高さ）に評価されます。<html>

このCSSを追加すると機能するはずです。

html, body {
  height: 100%;
}
于 2012-08-15T06:38:21.573 に答える
1

css式はもう学ぶ価値がありません。JavaScriptまたはcssメディアクエリを使用します。また、IE6 / 7（多分）5でのみサポートされているため、ブラウザの互換性の問題が発生します。

高性能Webサイト：ルール–CSS式を避ける

于 2012-08-15T06:38:24.007 に答える