html - 固定容器中的侧面导航

标签 html css position fixed

我正在容器中进行侧边导航。我想使用 fixed 位置和 100% 的边 div 宽度进行导航。我正在使用 Bootstrap 制作网站,但找不到解决方案。在JSFiddle里面有一个例子。

有菜单的CSS

.menu{
  position:fixed;
  width:100%;
  background:red;
}

最佳答案

固定位置的主要问题(或质量,这取决于)是将元素移出结构。 所以你不能把它放在父容器下(正如你试图做的那样),因为没有父容器。

有关更多信息,请参阅 this问题在哪里可以找到一些解决方法来解决您的问题。

关于html - 固定容器中的侧面导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41975847/

相关文章:

jquery - 工具提示超出屏幕

email - Safari 自动填充位置不正确

html - 固定高度的 parent 应该包括绝对/固定定位的 child

html - 在服务器中找不到图像时如何隐藏图像空间?

html - 用背景图片上的内容填充中间底部

html - 基于当前 anchor 的元素的不同样式

css - 使用 css 的 RTL bootstrap Popover 箭头自定义

javascript - HTML/Javascript/CSS 桌面应用程序

html - 有人知道为什么这段代码不适用于 firefox?

css - 如何使列表元素左对齐、右对齐和居中对齐