我想使用 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/
CSS
表达式不值得再学习了。 使用 JavaScript 或 CSS 媒体查询。 它还会产生浏览器兼容性问题，因为它只支持 IE6/7（也许）5。
高性能网站：规则 – 避免使用 CSS 表达式
您的expression基本上计算为窗口的高度，通常是<html>元素的高度。
添加此 CSS 应该可以工作：
html, body {
height: 100%;
}