【问题标题】:Drop down menu pushes content downwards下拉菜单将内容向下推送
【发布时间】:2015-07-13 23:46:43
【问题描述】:

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

【问题讨论】:

  • 发布一些css,你在菜单中设置了什么位置?

标签: javascript jquery html css drop-down-menu


【解决方案1】:

制作您的下拉列表position: absolute。这样就不会占用任何布局空间了。

【讨论】:

  • 谢谢大家尝试绝对但需要居中。现在有了这个 css,但下拉菜单现在不会下拉(已更新网页):
  • 您的 jsfiddle 仍然将内容向下推送。居中是什么意思?您希望下拉菜单位于页面中间吗?
  • 检查一下,jsfiddle.net/pMD5D/2 你需要设置绝对主菜单
  • 问题是它需要相对于身体居中,但主要问题是它要么向下推,要么在 Safari 中根本不显示。塔
【解决方案2】:

你需要做到position:absolute,就像skyuzo 说的那样。

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

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

绝对定位将元素从布局中取出,但这意味着您不能依赖元素被定位到它通常的位置。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签