我想使用 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 没有显示。检查元素中显示的body高度为0px；
JS小提琴
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 媒体查询。而且它还会产生浏览器兼容性问题，因为它只支持 IE6/7（也许）5。