html - Bootstrap 固定导航栏：padding-top 和 body 100%

Question

对于客户，我必须做全屏网站，响应式设计。我正在使用带有固定导航栏的 Bootstrap，所以为了放置我的内容，我在正文中添加了一个 60px 的 padding-top。

这是我的问题：滚动条系统显示，因为我的身体有 100% 的高度和 60 像素的填充顶部。我可以使用“溢出：隐藏；”，但是如果我需要滚动页面，我就不能了。

你有解决方案吗 ？

谢谢！

编辑：这是想法： http: //jsfiddle.net/StFca/ 在这种情况下，我希望隐藏滚动条，因为不需要它。

Answer 1

您可以将属性添加到可以添加到内容的主容器中的新类或 id，而不是向正文添加填充margin-top: 60px，因此它看起来像这样：

#main-container {
    margin-top: 60px;
}

这样，您可以通过将容器本身推离它而不是文档的主体来容纳您的导航栏，并且滚动条将消失。