Mostrar elemento filho acima do elemento pai usando CSS

Eu tenho dois divs, um aninhado dentro do outro. O elemento pai tem uma largura / altura definida. Como posso mostrar o filho div acima do pai (fora dele) usando apenas CSS?

EDIT: Desculpe, talvez eu deveria esclarecer que eu quero dizer "acima", como ao longo do eixo z. E sim, eu já tentei z-index. Meu problema é que quando o elemento filho é maior que o pai, isso resulta em um efeito "frame" ou "window", cortando parte do div.

questionAnswers(6)

yourAnswerToTheQuestion