设置车身高度宽度CSS表达式

  • Z时代
  • 2024-01-10
  • 分类：问答

我要动态地改变车身高度使用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

回到顶部