DIV水平 垂直居中CSS

/*实现1、原理：要让div等块级元素水平和垂直居中，必需知道该div等块级元素的宽度和高度，而后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，
这个50%就是指页面窗口的宽度和高度的50%，最后将该div等块级元素分别左移和上移，左移和上移的大小就是该div等块级元素宽度和高度的一半。该方法使用广泛，
可是前提是必需设置div等块级元素的宽度和高度。若是当页面div等块级元素宽度和高度是动态的，比方说须要弹出一个div等块级元素元素层而且要居中显示，
div等块级元素的内容是动态的，因此宽度和高度也是动态的，这时须要用jQuery能够解决居中。*/
.mycss{ 
   width:300px;  
   height:200px;  
   position:absolute;  
   left:50%;  
   top:50%;  
   margin:-100px 0 0 -150px 
} 

/*实现二原理：利用CSS的margin设置为auto让浏览器本身帮咱们水平和垂直居中*/
.mycss{
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 200px;
    width: 300px;
}