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