css expression

      想要直接通过css调整元素位置，例如让其居中，有时候可以直接用align属性，但是如果设定了position为absolute的时候，就需要通过left和top属性来达到效果了。可以通过js来设置元素的left和top，当然也可以直接通过css来设置。

 

<style type="text/css">
.test{
 position:relative;
 width:100%;
 height:100%;
 background:#016aab;
}
body{
 background:#016aab; 
}
.test1{
 position:absolute;
 width:400px;
 height:200px;
 left:expression((this.parentNode.clientWidth-400)/2 + 'px');
 top:expression((this.parentNode.clientHeight-200)/2+'px');
 background:#2794c2;
}
</style>

<div class="test">
<div class="test1"></div>
</div>