如何让一个宽高都为100px的块元素在浏览器中上下左右都居中显示？

1.  <style type="text/css">
    	*{margin: 0;padding: 0;}
    	div{width: 100px;height: 100px;background: #000;position: fixed;left:0;top: 0;right:0;bottom:0;margin:auto;}
    </style>
   

2.  <style type="text/css">
    	*{margin: 0;padding: 0;}
    	div{width: 100px;height: 100px;background: #000;position: fixed;left:50%;top: 50%;margin-left:-50px;margin-top:-50px;}
    </style>