div水平垂直居中的css

.mystyle{
  width:300px;
  height:200px;
  background:red;
  position:absolute;
  left:50%; /* div的起点横坐标 */
  top:50%;  /* div的起点纵坐标，这样div的起点坐标就位于窗口的正中央*/
  margin-left: -150px;  /* div向左移动div自身宽度的一半*/
  margin-top: -100;    /* div向上移动div自身高度的一半*/
  }