Se ambos blocos forem absolutos, qual deles será exibido por cima do outro e por quê?

Если два блока имеют position: absolute, то порядок отображения определяется свойством z-index. Блок с большим z-index будет отображаться поверх другого.

Если z-index не задан или равен, то порядок определяется порядком в DOM: элемент, который идет позже, будет выше.

Пример:

.block1 {
  position: absolute;
  z-index: 1;
}
.block2 {
  position: absolute;
  z-index: 2; /* этот блок будет поверх */
}

Если z-index одинаков, то последний в HTML будет сверху.