使一个已知阔高的div垂直水平都居中于浏览器

使一个已知宽高的div垂直水平都居中于浏览器

div{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;width:200px;height:200px; background:#F00;border:1px solid red;}