Чому елемент з absolute «випадає» з потоку?

Тому що при position: absolute браузер перестає враховувати елемент в алгоритмі побудови потоку. Потік документа - це система, у якій елементи впливають один на одного своїм розміром і положенням (як block, inline, relative). Але absolute вимикає цей механізм.

#Що відбувається технічно

1. елемент не бере участі в розрахунку розмірів і позицій сусідів;
2. браузер не резервує для нього місце: його ніби немає в загальному потоці;
3. його положення визначається лише координатами (top, left, right, bottom) і позиціонованим предком.

#Результат

• сусідні елементи поводяться так, ніби цього блока немає;
• сам абсолютний елемент накладається поверх інших, займаючи лише візуальний простір.

Підсумок: елемент з position: absolute «випадає» з потоку, тому що браузер виключає його зі звичайного поточного розміщення й обробляє як самостійний об'єкт, що позиціонується за координатами.