Css下拉导航栏导致下面的内容移动

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap-3、drop-down-menu

css悬停下拉菜单在新页面上工作得很好，但粘贴到与bootstrap链接的html页面上时就不起作用了(我隐藏了其他css页面，所以我发现bootstrap导致了这个问题！)所以使用开发工具，我隐藏了‘位置:绝对’从'dropdown-contents‘，这是工作，但下面的容器向下跳跃： overflow: hidden; height: 100%; <link h

浏览 35提问于2018-12-13得票数 0

2回答

让我的落水掉下来“向上”

html、css、nav

我有一个下拉列表在我的网站和我的主页上，我希望有下拉“显示”上方的导航而不是下面。只是为了审美目的。我们开始获得很多内容，我不想让用户向下滚动来查看下拉列表。在主页上，导航器接近底部，所以我认为这是一个简单的解决方案。在我的代码下面。有人建议将子导航移到父链接的上方。我这么做了，但它把联系推下去了。我需要主导航器保持原状。编辑#3 -不，这不是复制。

浏览 4提问于2014-09-16得票数 1

回答已采纳

1回答

引导:只在打开时设置导航条固定顶部背景半透明。

css、twitter-bootstrap

我想使用一个导航栏固定的顶级类作为我的顶部导航栏，因为我希望-在移动(折叠)模式-下拉的导航栏项目显示在页面内容，而不按下内容。.navbar-fixed-top { background-image: none;唯一的问题是，使用这个<

浏览 2提问于2014-05-07得票数 1

回答已采纳

3回答

Bootstrap导航栏降低高度

html、css、twitter-bootstrap

我有一个导航栏，这是相当标准的，我想让它更薄一点。另外，如果我说它的高度必须是30px -在移动设备上，这可能太窄了，那么我需要不同大小的媒体查询吗？

浏览 0提问于2016-10-12得票数 1

1回答

删除bootstrap下拉导航栏中的行

css、twitter-bootstrap

我一直在bootstrap css中的.dropdown-menu类下寻找，但我找不到任何可以改变这些行的东西。

浏览 2提问于2016-01-16得票数 0

4回答

css下拉菜单改变网站

css、drop-down-menu、menu

我在我的网站上有一个下拉菜单，它的行为错误，下拉菜单工作，但它移动我的整个网站时，它悬停在上面。search"></form></ul> 它只有在全屏时才会出现错误，而不是使用侧边栏推车

浏览 1提问于2014-10-17得票数 0

2回答

Bootstrap 3导航下拉中心

twitter-bootstrap、drop-down-menu、alignment、twitter-bootstrap-3、navbar

我在Bootstrap 3中自定义一个菜单，但我不确定如何将下拉框相对于父菜单居中。这是一个jsbin - 编辑:有人能帮我吗？

浏览 3提问于2013-10-03得票数 0

1回答

Bootstrap:减小NavBar宽度及其所有下拉选项板和文本大小

jquery、css、twitter-bootstrap-3

我正在使用Bootstrap css的导航栏，它来了非常好。但是宽度看起来很大，我想要减小它(也要确保它在其他视口中也能得到同样的缩小/调整)，并减小导航栏下拉菜单下的选项面板/文本大小。我使用了下面的css类导航栏是黑色的(给人惊喜的效果)和一些需要的东西

浏览 2提问于2014-04-27得票数 0

2回答

CSS下拉导航导致html内容移动

html、css、navigation、hover、positioning

我的第一个问题是，希望它达到标准，对于精通css艺术的人来说，应该是一个简单的解决方案……我所能得到的最接近的方法是将position:absolute;添加到#nav li:hover ul标记中，这确实会阻止内容移动，但会产生新的问题，下拉子菜单

浏览 1提问于2012-11-04得票数 6

回答已采纳

2回答

修改twitter引导导航栏

css、ruby-on-rails、twitter-bootstrap

我一直在尝试修改twitter的bootstrap导航栏，目前所有的链接都是左对齐的，而我真正想要的是让它们居中。在另一篇文章中，我读到你使用这个 margin: 0 auto; width: 100px;但这对我不起作用我需要在css中做些什么才能做到这一点，我知道我把修改过的css放在了bootstrap和覆盖中。

浏览 2提问于2012-05-13得票数 22

回答已采纳

13回答

使用twitter bootstrap下拉菜单的Z索引问题

drop-down-menu、twitter-bootstrap、z-index

我在页面顶部的固定导航栏中使用twitter bootstrap下拉菜单。这一切都很好，但我有下拉菜单项显示在其他页面元素后面，而不是在他们前面的问题。如果页面上有任何带有position: relative的东西(比如jquery ui accordion或google图表)，那么下拉菜单就会显示在它后面。尝试更改dd菜单和导航栏的z-index，但没有任何不同。让菜单位于其他内容之上的唯一方法是将内容更改为po

浏览 1提问于2012-12-17得票数 59

1回答

CSS下拉菜单将打开，甚至不会在导航线上悬停。

css、safari

我在上做了一个纯css下拉菜单。这种情况并不总是会发生，但是将光标在导航下的页面周围移动会使它到处弹出。当光标移动到某个为链接保留的空间时，错误似乎就会发生。有人经历过类似的事情吗？

浏览 6提问于2022-06-18得票数 -1

1回答

当设置为navbar -fixed top时，Onepage bootstrap导航栏切换在移动模式下不能正常工作

javascript、jquery、html、twitter-bootstrap

我关注了youtube上的一段视频，制作了一个页面的网站。我遇到的一个问题是当设置导航栏固定顶部时。在移动模式下，切换菜单下拉到内容顶部并覆盖它们，这不会将内容推到导航栏下或在选择一个菜单后折叠回来。除非我再次单击切换按钮，否则它会一直显示在内容的顶部。我试着移除导航栏-固定-顶部，然后在移动模式下，内

浏览 2提问于2015-12-06得票数 0

2回答

CSS -Position:修复了导航栏在Safari (OS X或iOS)中不起作用的问题

css、css-position、navbar

如果你在Chrome中查看页面，一切都会正常工作(滚动过去，导航栏就会进入你的视线)。然而，无论是在OS还是在iOS中，它都高于Safari中的一切。你可以把页面往下拉，看到上面的导航栏。我很少在移动端或Safari上浏览这个网站，但我知道这在过去是有效的，而且我们这一端的CSS没有任何变化。也就是说，我想知道是不是Safari的变化导致了这一点。

浏览 2提问于2016-03-10得票数 0

回答已采纳

2回答

在移动视图中将项目对中时的问题(折叠)

css、drop-down-menu、formatting、twitter-bootstrap-3、scrollbar

使用下面的CSS代码，我设法将导航条的内容集中在我的导航栏中，在更不用说，当您单击它时，它会在两种状态之间切换--一种是导致Link-3下拉菜单重叠Link 4，从而导致另一个滚动条在子链接(我不想要的状态)之间导航</e

浏览 0提问于2014-07-08得票数 1

回答已采纳

1回答

带有拆分按钮和下拉菜单的Jquery移动导航栏

jquery-ui、jquery-mobile

我需要一个带有拆分按钮的下拉菜单...就像一个由拆分按钮组成的导航栏，每个按钮都会有一些文本和一个箭头，如果你单击它称为处理程序的文本(这将显示/隐藏内容)，如果你单击箭头，它会在按钮下打开一个下拉列表我想我可以使用JQuery移动拆分列表，但我仍然需要水平列出按钮，并打开它们下面的下拉列表……当单击图标时，我仍然需要打开下拉列表，就像一样，但当单击图标时。有没有办法用

浏览 2提问于2012-04-25得票数 0

1回答

如何为媒体查询在页的另一个部分上浮动

css、media-queries

如图所示：为移动视图输入单个列布局的媒体查询。现在布局是Nav，下面是左边栏，内容下面是内容栏，内容下面是右边边栏。我的问题是如何为移动媒体查询在左侧侧边栏下获得右侧边栏，但在桌面视图中保持不变，而不接触标记，只更改<e

浏览 1提问于2013-08-31得票数 0

2回答

CSS下拉菜单-激活时移动页面上的所有内容

php、html、css

我有一个导航栏，已经在一个网站上很久了。它工作得很好。现在，我正尝试在CSS驱动的一个导航项上添加下拉效果。这个想法是，当你把鼠标放在下面的“下拉菜单”链接上时，你会得到一个附加菜单选项的垂直列表。问题是，当我将鼠标放在下面的“下拉菜单”链接上时，弹出的下拉框会弹出它下面的所有内容。div容器下面的文本行换行，横幅广告向下移动，页面基本上失去了

浏览 3提问于2013-01-24得票数 0

回答已采纳

2回答

Div内容在页面延迟后移动

settimeout、innerhtml

当我单击导航栏中的链接并切换路线(或者页面重新加载)时，顶部导航栏向右移动，然后向左移动，我不知道如何修复它。如果你看一下JSFiddle (下面的链接)，你会注意到我有到其他页面的链接，比如/profile，/about等。每次加载这些页面中的一个，导航栏就会移动(它会根据垂直滚动条消失，然后重新出现而进行调整)。要重现该问题并查看我正在讨论的内容</

浏览 24提问于2020-06-17得票数 1

1回答

Bootstrap 4.0下拉菜单未使用导航栏的全高

css、drop-down-menu、menu、navbar、dropdown

如何让dropmenu使用导航栏的完整高度？我试着用CSS来做，但是不能让它工作。我添加了一张显示问题的图片。 enter image description here <!title>Heima</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstr

浏览 19提问于2020-01-11得票数 1

点击加载更多