html - 使用导航栏 Bootstrap 100% 页面高度

标签 html css twitter-bootstrap responsive-design

我将我的容器和主体高度设置为 100%。我在容器外有导航栏。我必须把它放在容器外面,因为它们的宽度不同。由于这个导航栏,浏览器提供了一个我不想要的滚动条。我尝试 float:left& width:100% 用于导航栏,但它使容器内容上升。有没有人有删除滚动条的解决方案 enter image description here

最佳答案

我在使用具有不同形式的导航选项卡创建导航栏时遇到了类似的问题。给我带来问题的是 form-group 水平类,它有一个 display:table 类型,它在容器上添加了额外的填充。为我解决问题的方法是向我的容器添加 18 像素的额外填充。
您应该检查页面并检查导致水平滚动的精确元素和 css。还可以共享您的 html 和页面,以及随附的 css 和 js,以便在此处更深入地研究问题。

关于html - 使用导航栏 Bootstrap 100% 页面高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34941934/

相关文章:

html - <输入类型 ="file"/> 的基线错误

html - 如何使用类和 css 调整 li 的大小

twitter-bootstrap - Bootstrap 添加下拉插入符号

php - [php]计算器仅在客户端输出结果

javascript - 如何将 'rel' 参数更改为 Photoset-grid?

javascript - 如何查看已按下菜单的哪个元素?

css - Internet Explorer 中的边框半径

html - 当我使用绝对位置时,我的链接变为 "un-clickable"...我该如何修复?

css - 将五个div彼此对齐

javascript - 使用angularjs用另一个图像替换一个图像