Display:block
не выводит элемент из потока страниц, он просто помещает его в новую строку. Использование position:absolute
- как рекомендовано другими авторами - должно работать для вас. Position:absolute
установит позицию (например, top:0px; left:20px;
) в окне браузера в целом, если только нет родителя с установленным position:relative
(который затем станет точкой отсчета). Примером этого второго типа может быть размещение ссылки точно на 30 пикселей справа от данного div содержимого - независимо от того, где этот div размещен на странице.
Position:relative
может использоваться для позиционирования элемента относительно его исходного положения в естественном потоке страниц, и он оставляет место, где элемент был бы. Position:fixed
может использоваться для элементов, которые не должны перемещаться при прокрутке страницы (например, фиксированная панель навигации, фирменный стиль страницы или нижний колонтитул). Position:static
является настройкой позиции по умолчанию и должна использоваться, когда вам нужно переопределить другой тип позиции.
Если вы используете диапазон для текста всплывающей подсказки в другом элементе - вы, вероятно, захотите установить для родительского элемента значение position:relative
и для внутреннего диапазона значение position:absolute
. Вам нужно будет установить верхнее и левое значения, чтобы отрегулировать, куда именно попадает текст всплывающей подсказки (т.е. выше или ниже родительского элемента, влево или вправо).
Надеюсь, это полезно.