Почему «позиция: абсолютно» не придерживается нижней части просмотра, когда не существует позиционированного предка? ⇐ Html

[Anonymous]

Я экспериментирую с позиционированием CSS и заметил что-то путающее.

Код: Выделить всё

.box3 {
background-color: #9C27B0;
width: 100px;
height: 100px;
position: absolute;
bottom: 0px;
left: 0px;
}< /code>

lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50
lorem*50

нет позиционного предка (т.е. нет родителя. ViewPort в этом случае.
Учитывая это, я ожидал .bod3 , чтобы оставаться прикрепленным к нижней части экрана , даже когда страница прокручивается. Но вместо этого он прокручивает с страницей, как нормальное содержание. /> Я знаю, что позиция: Исправлена ​​ действительно придерживается элемента на экран, но я хочу понять Почему позиция: Absolute Scrolls , даже когда его ссылка - порт View.

Подробнее здесь: https://stackoverflow.com/questions/795 ... when-no-po