Centro horizontal e vertical com CSS puro (sem JS, margens negativas etc.)

Eu encontrei isso no StackOverflow . Uma maneira muito limpa de obter centralização horizontal e vertical com CSS puro. Exceto que não estou totalmente claro como funciona.

.content {
    width: 200px;
    height: 600px;
    background-color: blue;

    position:absolute;
    left:0; right:0;
    top:0; bottom:0;
    margin:auto;

    max-width:100%;
    max-height:100%;
    overflow:auto;
}

Demo