С каких пор элементы с абсолютным позиционированием растут в документе

Question

Я просто наткнулся на странное поведение.

У меня есть div, который позиционируется как абсолют. Элемент расположен вне тела, и документ увеличивается.

Это сбивает с толку меня, так как я всегда думал, что элементы с абсолютным позиционированием выходят из потока.

Это когда-нибудь изменилось или я что-то не так понял?

Я проверял это в Chrome 51 и FF 46.

HTML:

<div id="container"></div>

CSS:

#container {
  position: absolute; 
  width: 100%;
  right: -2em;
  top: 102vh;
}

Вот скрипка

Заранее спасибо!

Answer 1

Добавьте это к вашему CSS:

body {
    overflow: hidden;
}