下拉菜单向下推内容
Drop down menu pushes content downwards
徽标旁边的顶部下拉菜单在点击时将主页向下推。怎么可能只是覆盖内容呢?
使您的下拉菜单为position: absolute
。这样就不会占用布局空间了
你需要把它改成position:absolute
,就像skyuzo说的那样。
那么您需要手动将其定位到需要的位置。获取你想要下拉的元素的位置(使用offsetLeft
和offsetTop
),然后设置下拉的顶部和左侧样式属性。
使用JS工具包让生活更轻松:)
绝对定位将元素从布局中取出,但这意味着你不能依赖于元素被定位在正常位置
相关文章:
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 如何将JSON转换为HTML下拉菜单
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 基于下拉菜单创建开关
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- 为什么我的下拉菜单在本地服务器上可以工作,但当我推到heroku时却不能
- 我的下拉菜单会向下推其他所有内容
- 点击jQuery帮助推特引导多个下拉菜单
- 推特下拉菜单——由图标而不是按钮触发
- 下拉菜单向下推内容