設置車身高度寬度CSS表達式

我要動態地改變車身高度使用CSS表達式..我的代碼是設置車身高度寬度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不顯示。檢查元素中顯示的身體高度爲0px;

JS小提琴

http://jsfiddle.net/3x6fh/

來源

2012-08-15 Muhammad Usman

其瀏覽器和版本您使用的？ – 2012-08-15 06:36:50

div.tall_top顯示不出來，因爲你的body,html沒有的高度。

設置高度100%

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

演示：http://jsfiddle.net/codef0rmer/3x6fh/2/

來源

2012-08-15 06:46:13 codef0rmer

你expression實質上的計算結果爲窗口，這通常是<html>元件的高度的高度。

添加此CSS應該工作：

html, body { 
    height: 100%; 
}

來源

2012-08-15 06:38:21 Blender

CSS表達式是不是值得我們學習了。使用JavaScript或css media queries。而且它會創建瀏覽器的兼容性問題，因爲它僅支持永遠只能IE6/7（也許）5.

High Performance Web Sites: Rule – Avoid CSS Expressions

來源

2012-08-15 06:38:24

他們從來沒有值得學習。他們不只是IE瀏覽器功能嗎？ – Blender 2012-08-15 06:39:13

雅，也在工作版本> 8 – 2012-08-15 06:40:26

然後我可以管理它 – 2012-08-15 06:47:14

設置車身高度寬度CSS表達式

回答

相關問題