设置车身高度宽度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/

回答:

div.tall_top显示不出来,因为你的body,html没有的高度。

设置高度100%

html,body { 

margin:0;

width:100%;

height:100%;

background:blue;

}

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

回答:

expression实质上的计算结果为窗口,这通常是<html>元件的高度的高度。

添加此CSS应该工作:

html, body { 

height: 100%;

}

回答:

CSS表达式是不是值得我们学习了。使用JavaScript或css media queries。而且它会创建浏览器的兼容性问题,因为它仅支持永远只能IE6/7(也许)5.

High Performance Web Sites: Rule – Avoid CSS Expressions

以上是 设置车身高度宽度CSS表达式 的全部内容, 来源链接: utcz.com/qa/258543.html

回到顶部