如何让一个子元素div块元素上下左右居中

最近在学习HTML发现了个很尴尬的问题，老师问我如何让一个子元素div块元素上下左右居中，一开始我是这个写出来的
div{
width:1277px;
height:837px;
border:0px solid #ff0000;
background:#ff0000;
margin:auto;
}
居中是居中了，但是是左右居中不是上下左右居中，
正确方案一
div｛
width:1277px;
height:837px;
border:0px solid #ff0000;
background:#ff0000;
margin:auto;
left:0;
right:0;
top:0;
bottom:0;
position:fixed;
｝
用position：fixed来定位整个浏览器的页面