Mostrar elemento hijo arriba del elemento padre usando CSS

Tengo dos divs, uno anidado dentro del otro. El elemento padre tiene un ancho / alto definido. ¿Cómo puedo mostrar el div hijo por encima del padre (fuera de él) usando solo CSS?

EDITAR: Lo siento, tal vez debería aclarar que quiero decir "arriba" en el eje z. Y sí, ya he probado el índice z. Mi problema es que cuando el elemento hijo es más grande que el elemento primario, se produce un efecto de "marco" o "ventana", que corta parte del div.