Позиция css как фиксированная, но зависит от родителя

Question

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

ОК, чтобы сделать яснее, приведен пример. У вас есть горизонтальная выпадающая навигация, когда вы наводите курсор на один элемент navi, и смотрите subnavi прямо под элементом, который вы наводите на себя, как я могу заставить его отображаться, например, в верхнем левом углу экрана, всегда. Следующая кнопка будет рядом с первой, примерно на 100 пикселей справа, и теперь, когда u set pos будет абсолютным или относительным, subnavi не будет точно в том же положении, что и первый, но 100px вправо. А также, я не могу использовать специальный класс или идентификаторы, только глобальные классы.

Answer 1

Без кода его трудно ответить на ваш вопрос, я тем не менее дать ему попробовать:

Вы можете сделать это путем применения position: absolute; left: 0px (изменение позиции ваших пожеланий, а также добавить top: 0px если вы хотите настроить заявив высота), в подменю, проверьте this demo.

Обратите внимание, что подменю появляется только при наведении родителя. По размытию оно исчезает. Когда вы хотите, чтобы он остался, вам понадобится javascript (или jQuery).

Answer 2

положение родительского DIV "relative", чем вы устанавливаете дочерний div "absolute".

http://css-tricks.com/absolute-positioning-inside-relative-positioning/