当前位置 : 主页 > 网页制作 > css >

用于设置div高度的CSS表达式

来源:互联网 收集:自由互联 发布时间:2021-06-13
我想根据CSS表达式设置div的高度. 基本上它应该设置为视口宽度的一些%(比如说90%) 我试过以下,但没有工作; height:expression(document.documentElement.clientWidth ? document.documentElement.clientWidth :
我想根据CSS表达式设置div的高度.

基本上它应该设置为视口宽度的一些%(比如说90%)
我试过以下,但没有工作;

height:expression(document.documentElement.clientWidth ? document.documentElement.clientWidth : window.innerWidth );

我正在寻找一种跨浏览器的方式(IE7,FF4,Safari)

除IE之外的任何地方都不支持CSS表达式(即使在那里也被认为是个坏主意).

然而,实际上没有其他方法可以满足您的要求,至少不使用CSS.

唯一的选择是使用Javascript,这是我认为你将要做的.

事实上,IE的CSS表达式本身就是Javascript,它允许非常强大的表达式,但也具有消除布局和脚本抽象的负面影响.这就是为什么他们不满意,但有一些用例,如你的纯粹布局需要某种形式的表达.

正如我所说,现在CSS中没有任何答案.

未来可能会有一些希望,因为谷歌目前正在试验一些包含变量的CSS增强功能.关于它的文章:http://johanbrook.com/design/css/webkit-css-variables-mixins-nesting/.但是,我不确定这是否会允许你需要的那种表达.

所以这可能会继续需要Javascript到未来.无论哪种方式,它现在肯定都有.

网友评论