用div+css实现水平垂直居中

<style type="text/css">
/*居中层CSS*/
#center
{
height:0px;
width:0px;

/*设置位置*/
top:50%;
left:50%;
position:absolute;
}

/*内容层CSS*/
#content
{
background:#FF9933;
width:300px;
height:200px;

/*设置浮动，脱离居中层限制（菜单什么很有用哦）*/
position:absolute;

/*这里设置的2个值，第一个是宽，第二个是高，但都是这个DIV的宽高的一半*/
margin:-150px 0 0 -100px;

/*演示用*/
color:#fff;
}
</style>