Html 如何阻止引导三明治菜单向下推送内容？

当您单击切换菜单时，它会向下推我的div。我尝试了一些类似于

position:absolute

的工作，但它会弄乱我的菜单。使其

固定

解决了我的菜单被按下的问题，但我不希望我的菜单以这种方式固定在页面上

html，正文{
身高：100%；
宽度：100%；
保证金：0；
填充：0；
}
.标志{
高度：74px；
左侧填充：10px；
}
部分{
背景图片：url（“tumblr_mngppzG5MX1r9wqk4o3_1280.png”）；
背景重复：无重复；
宽度：100%；
身高：100%；
}
a{
文字装饰：无；
颜色：红色
}
navbar先生{
最小高度：100px；
边界：无；
}
.导航栏导航{
浮动：对；
保证金：0；
填充顶部：29px；
}
.navbar默认值{
背景色：rgba（0,0,0,0.3）；
}
.navbar默认值.navbar nav>.active>a
{
背景色：透明；
颜色：#CBCCCE；
}
.navbar默认值.navbar nav>.active>a:悬停{
颜色：白色；
背景色：透明！重要；
字体大小：1.7em！重要；
}
.navbar默认值.navbar nav>.active>a.cool-link:：after{
内容：''；
显示：块；
宽度：0；
高度：3倍；
背景：#286090；
过渡：宽度3s；
}
.navbar默认值.navbar nav>.active>.cool链接：hover:：after{
颜色：白色；
宽度：100%；
过渡：宽度3s；
}
.navbar-default.navbar-nav>.active>a.navbar-default.navbar-nav>.active>a:focus{
背景色：透明；
颜色：白色；
}
.navbar默认值.navbar nav>li>a{
颜色：#CBCCCE；
字号：1.6em；
}
.navbar默认值.navbar导航>li>a:悬停{
颜色：白色；
背景色：透明！重要；
字体大小：1.7em！重要；
过渡：宽度1s；
}
.navbar默认值.navbar nav>li>a.cool-link:：after{
内容：''；
显示：块；
宽度：0；
高度：3倍；
背景：#286090；
过渡：宽度3s；
}
.navbar默认值.navbar nav>li>a.cool-link:hover:：after{
颜色：白色；
宽度：100%；
过渡：宽度3s；
}
@仅介质屏幕和（最大宽度：780px）{
.标志{
高度：50px；
}
navbar先生{
最小高度：80px；
边界：无；
}
.navbar默认值.navbar nav>li>a{
字号：1em；
}
.navbar默认值.navbar nav>li>a:悬停{
字体大小：1.1em！重要；
}	
.navbar默认值.navbar nav>.active>a:悬停{
字体大小：1.1em！重要；
}
}
.navbar崩溃{
盒影：无！重要；
边界：没有！重要；
}
.navbar默认值.navbar折叠{
边界：没有！重要；
}
琼伯伦先生{
宽度：50%；
保证金：自动；
}

切换导航





你好，世界！

添加

位置：固定；宽度：100%到
，它应该可以解决您的问题
无代码，无答案。请不要因为堆栈溢出而绕过现有的检查，从而使您的问题变得糟糕。谢谢您的批评。我会按照指示再次问这个问题现在看起来好点了吗？你说的“探索其他选项”是什么意思？这个要求太宽泛了。您是否希望在避免特定属性的同时实现某些特定行为？我希望在单击菜单时，该菜单不会按下我的其他div内容。