DIV水平 垂直居中CSS

/*實現一、原理：要讓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;
}