HTML+CSS+JavaScript

спасибо

Выдержка из книги "Философия CSS-Дизайна" (Дейв.Ши, Молли Е. Хольцшлаг), www.csszengarden.com:

"Абсолютное позиционирование позволяет изъять контент из нормального потока и поместить его в произвольное место. Если размещать несколько элементов один за другим (это называется нормальный поток документа), то получится линейная последовательность. Применение к какому-либо элементу абсолютного позиционирования перемещает его в указанное место, а оставшаяся "дырка" схлопывается. Абсолютно позиционированный элемент не оказывает влияния на своих соседей. Все выглядит так, как будто этого элемента вообще нет в документе (хотя мы его прекрасно видим). Достоинство метода абсолютного позиционирования в том, что он обеспечивает точный контроль над положением данного элемента."

"В случае относительного позиционирования (position: relative;) элемент не изымается из нормального потока. Сначала определяется естественная позиция элемента, а затем элемент сдвигается относительно нее. Таким образом, на странице остается "дырка", которую другие элементы должны, тем не менее, принимать во внимание. Относительное позиционирование чаще всего применяется для сдвига элементов; элемент, первоначально расположенный в ячейке сетки (элемент верстки - визуальная разметка страницы), можно легко вынести за ее пределы."

"Применить абсолютное позиционирование к элементам, находящимся в нижней части макета, гораздо труднее, чем к элементам, расположенным ближе к началу, поэтому в данном случае использование относительного позиционирования позволяет решить задачу более простым способом."

какой принцип по которому браузеры позиционируют дивы с position:relative?