Question

我在项目中使用带有navbar-fixed-top的bootstrap3。在上面提到的导航栏中，有一个DIV，其高度约为700px，这使得700px的整个导航栏可以伸展并覆盖我的内容（我无法点击主容器的输入内部）。

有人可以帮助正确设置溢出参数，因此我在导航栏中的元素不会拉伸整个导航栏，但是保持＆＃34;外部＆＃34;它？

<nav class="navbar navbar-default navbar-fixed-top">
 ...
 <my-custom-widget></my-custom-widget> <!-- this is the widget with height of 700px -->
 ...
</nav>

感谢。

-G。

Answer 1

如果要创建任何自定义窗口小部件，则可以将该窗口小部件的位置属性设置为绝对或固定，如果要防止它超大，则可以使用css的溢出属性

结帐此笔例如

my-custom-widget{
    position: absolute;
    top: 0;
    right: 0;
}

https://codepen.io/anon/pen/XaezNr

Answer 2

您可以设置导航栏的固定高度，然后将overflow设置为hidden。它应该解决你的问题。但如果您在该导航栏中有下拉菜单，则由于隐藏溢出而无法再看到子菜单项

Bootstrap3导航栏固定顶部高度

2 个答案: