使用导航栏引导 100% 页面高度答案

【问题标题】：bootstrap 100% page height with navbar使用导航栏引导 100% 页面高度
【发布时间】：2016-04-28 18:31:11
【问题描述】：

我将容器和车身高度设为 100%。我在容器外有导航栏。我必须把它放在容器外面，因为它们的宽度不同。由于这个导航栏，浏览器提供了一个滚动条，这是我不想要的。我为导航栏尝试了浮动：左和宽度：100％，但它使容器内容上升。有没有人有办法去掉滚动条

【问题讨论】：

这里可能的答案http://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page
你试过 body{overflow:hidden;} 如果你只想在那个页面上然后给 body 一个类然后溢出:hidden;
溢出：隐藏会影响手机屏幕
然后使用媒体查询允许移动屏幕溢出@media screen 和 (min-width: 768px){body{overflow:hidden;}} 你可以使用 768px 或更高，这取决于你想要什么.
如果你需要滚动，让外部 div 和内部的溢出隐藏，然后让它自动

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

我在创建具有单独表单的导航选项卡的导航栏时遇到了类似的问题。对我来说造成问题的是 form-group 水平类，它有一个 display:table 类型，它在容器上添加了额外的填充。为我解决这个问题的方法是向我的容器添加 18 像素的额外填充。
您应该检查页面并检查导致水平滚动的精确元素和 css。还可以分享您的 html 和页面，以及包含的 css 和 js，以便在此处了解更多问题。

【讨论】：

【解决方案2】：

您的容器高度 100% 可能是导致问题的原因。您需要考虑导航栏的高度，否则两者将超过视口的高度。

【讨论】：