使用导航栏自举100%页面高度

时间:2016-01-22 08:14:45

标签: html css twitter-bootstrap responsive-design

我的容器和身高都是100%。我有容器外的导航栏。我必须把它放在容器外面,因为它们都有不同的宽度。因为这个导航栏,浏览器提供了一个我不想要的滚动条。我试过漂浮:左和右宽度:导航栏为100%,但它使容器内容上升。有没有人有解决方案来删除滚动条enter image description here

2 个答案:

答案 0 :(得分:1)

我在使用带有单独表单的nav-tabs创建导航栏时遇到了类似的问题。造成问题的是form-group水平类,它有一个display:table类型,它在容器上添加了额外的填充。解决这个问题的原因是我的容器增加了18px的额外填充。
你应该检查页面并检查导致水平滚动的精确元素和css。同时分享你的html和页面,包括css和js,以便在这里查看更多问题。

答案 1 :(得分:1)

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

相关问题