练习：垂直居中问题


.middle{
display:table-cell;
vertical-align:middle;
height:700px;
*position: relative;

}
.middle div{
*position:absolute;
*top:50%;
}
.middle div div{
*position:relative;
*top:-50%;
}


标准浏览器用table-cell，IE用位置偏移；

常用到的IE-hack：


.middle{
background-color:yellow;/*标准浏览器*/
*background-color:black;/*所有IE浏览器*/
#background-color:white;/*IE7*/
_background-color:red;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop+15 :
document.body.scrollTop +
(document.body.clientHeight
-this.clientHeight));/*IE6expression支持fixed*/}