css 位置固定但取决于父级

Question

有没有人知道一种定位元素的方法，使其始终处于同一位置，但具有位于另一个元素中的不同父元素。

好的，这里是一个例子。你有水平下拉导航，当你将鼠标悬停在一个导航元素上时，你会在你悬停的元素下方看到子导航，我怎样才能让它始终出现在屏幕的左上角。下一个按钮将在第一个按钮旁边，向右约 100 像素，现在当您设置绝对位置或相对位置时，子导航不会与第一个按钮完全位于同一位置，而是向右 100 像素。而且，我不能使用特殊类或 ID，只能使用全局类。

Answer 1

没有你的代码很难回答你的问题，不过我试一试:

你可以通过应用 position: absolute; left: 0px(根据您的意愿更改 left，如果要调整说明高度，请添加 top: 0px)，在您的子菜单中，选中 this demo .

请注意，只有当您将鼠标悬停在父菜单上时，子菜单才会出现。模糊时，它消失了。当您希望它保留时，您将需要一些 javascript(或 jQuery)。