Javascript 下拉菜单向下推送内容

Javascript 下拉菜单向下推送内容,javascript,jquery,html,css,drop-down-menu,Javascript,Jquery,Html,Css,Drop Down Menu,徽标旁边的顶部下拉菜单在单击时向下推动主网页。怎么可能只覆盖内容呢?提前感谢。请下拉位置:绝对。这样它就不会占用任何布局空间。将您的下拉列表设置为“绝对位置”。这样它就不会占用任何布局空间。你需要像skyuzo所说的那样,将其设置为位置:绝对 然后,您需要手动将其定位到需要的位置。获取要从中下拉的元素的位置(使用offsetLeft和offsetTop),然后设置下拉列表的顶部和左侧样式属性 使用JS工具包让生活更轻松:) 绝对定位将元素从布局中移除,但这意味着您不能依赖元素在正常位置的定位。您

徽标旁边的顶部下拉菜单在单击时向下推动主网页。怎么可能只覆盖内容呢?提前感谢。

请下拉
位置:绝对
。这样它就不会占用任何布局空间。

将您的下拉列表设置为“绝对位置”。这样它就不会占用任何布局空间。

你需要像skyuzo所说的那样,将其设置为位置:绝对

然后,您需要手动将其定位到需要的位置。获取要从中下拉的元素的位置(使用
offsetLeft
offsetTop
),然后设置下拉列表的顶部和左侧样式属性

使用JS工具包让生活更轻松:)


绝对定位将元素从布局中移除,但这意味着您不能依赖元素在正常位置的定位。

您需要使其处于
位置:绝对
,就像skyuzo所说的那样

然后,您需要手动将其定位到需要的位置。获取要从中下拉的元素的位置(使用
offsetLeft
offsetTop
),然后设置下拉列表的顶部和左侧样式属性

使用JS工具包让生活更轻松:)


绝对定位将元素从布局中移除,但这意味着您不能依赖元素的正常位置。

发布一些css,您在菜单中设置的位置是什么?发布一些css,您在菜单中设置的位置是什么?谢谢大家尝试了绝对定位,但需要居中。现在有了这个css,但是下拉列表现在不会下拉(已经更新了网页):您的JSFIDLE仍然会向下推内容。你说的居中是什么意思?你想让下拉在页面的中间吗?检查一下,你需要对你的主要问题设置绝对值,它需要相对于身体为中心,但主要的问题是它要么向下推,要么在Safari中,它根本不显示。塔坦克斯队的队员们尝试了绝对防守,但需要集中防守。现在有了这个css,但是下拉列表现在不会下拉(已经更新了网页):您的JSFIDLE仍然会向下推内容。你说的居中是什么意思?你想让下拉在页面的中间吗?检查一下,你需要对你的主要问题设置绝对值,它需要相对于身体为中心,但主要的问题是它要么向下推,要么在Safari中,它根本不显示。助教