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

Question

Учитывая элемент dom, который имеет заданную высоту и ширину и имеет заданную позицию: абсолютная, существует ли предсказуемое позиционирование для элемента, если для него не задано позиционирование (например, свойства top, right, bottom и left)?Положение по умолчанию слева: 0, сверху: 0?Или элемент остается там, где он был первоначально расположен на странице?

Или позиционирование отличается от браузера к браузеру?

Answer 1

Вот пример использования jsfiddle. http://jsfiddle.net/hPJa8/

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

Answer 2

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

Возьмите изображение в качестве примера.Будем ли мы рассматривать его как встроенный или блочный элемент?(Большинство браузеров говорят, встроенные).Должны ли мы рассмотреть разрыв строки, вызванный изображением?(Большинство браузеров ведут себя так, как будто его размер равен нулю.) Где мы должны поместить его вертикально?Варианты выбора: вверху строки, на базовой линии, на текущей высоте шрифта, на высоте изображения;Добавление пролетов добавляет выбор.То, как IE отвечает на этот вопрос, недавно изменилось AFAIK.

Итак, ожидайте от браузера браузер различий.