css位置类似于固定位置,但取决于父级

css位置类似于固定位置,但取决于父级,css,Css,是否有人知道如何将一个元素定位为始终处于同一位置,但在另一个位置有不同的父元素 好的,让我们更清楚,这里是一个例子。您有水平下拉导航,当您将鼠标悬停在一个navi元素上时,您会在您悬停的元素下方看到subnavi,如何使其始终显示在屏幕的左上角。“下一步”按钮将位于第一个按钮的旁边,向右大约100px,现在当您设置“绝对位置”或“相对位置”时,子AVI将不会精确地位于第一个按钮的相同位置,而是向右100px。而且,我不能使用特殊类或ID,只能使用全局类。如果没有您的代码,很难回答您的问题,但是我

是否有人知道如何将一个元素定位为始终处于同一位置,但在另一个位置有不同的父元素


好的,让我们更清楚,这里是一个例子。您有水平下拉导航,当您将鼠标悬停在一个navi元素上时,您会在您悬停的元素下方看到subnavi,如何使其始终显示在屏幕的左上角。“下一步”按钮将位于第一个按钮的旁边,向右大约100px,现在当您设置“绝对位置”或“相对位置”时,子AVI将不会精确地位于第一个按钮的相同位置,而是向右100px。而且,我不能使用特殊类或ID,只能使用全局类。

如果没有您的代码,很难回答您的问题,但是我尝试一下:

您可以通过应用
位置:绝对;左:0px
(根据您的意愿向左更改,并添加一个
top:0px
,如果您想调整陈述高度),请选中子菜单

请注意,仅当您将鼠标悬停在父菜单上时,子菜单才会显示。在模糊上,它会消失。当您希望它保持不变时,您需要一些javascript(或jQuery)。

将父DIV定位为“相对”,而不是将子DIV定位为“绝对”


通过访问jsfiddle.net创建一个jsfiddle,这样就很容易回答了。