why top -10 css? code example

Example: why top -10 css?

.parent {
    position: relative;
    height: 100px;
}
.child {
    position: absolute;
    top: 50%;
}