Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用navbar引导100%页面高度_Html_Css_Twitter Bootstrap_Responsive Design - Fatal编程技术网

Html 使用navbar引导100%页面高度

Html 使用navbar引导100%页面高度,html,css,twitter-bootstrap,responsive-design,Html,Css,Twitter Bootstrap,Responsive Design,我把我的容器和身体高度定为100%。我在集装箱外面有导航栏。我必须把它放在容器外面,因为它们的宽度不同。由于这个导航栏,浏览器会显示一个滚动条,这是我不想要的。我试着用float:left和width:100%表示导航栏,但它使容器内容增加了。有人有办法删除滚动条吗?我在创建导航栏时遇到了类似的问题,导航选项卡有单独的表单。对我来说,造成问题的是表单组水平类,它有一个display:table类型,在容器上添加了额外的填充。对我来说,解决这个问题的方法是在我的容器中添加18px的额外填充。您应该

我把我的容器和身体高度定为100%。我在集装箱外面有导航栏。我必须把它放在容器外面,因为它们的宽度不同。由于这个导航栏,浏览器会显示一个滚动条,这是我不想要的。我试着用float:left和width:100%表示导航栏,但它使容器内容增加了。有人有办法删除滚动条吗?

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

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

这里可能的答案您是否尝试过body{overflow:hidden;}如果您只希望它出现在该页面上,请给body一个类,然后overflow:hidden;溢出:隐藏将影响移动屏幕使用媒体查询允许在mobile screens@media screen和(最小宽度:768px){body{overflow:hidden;}中溢出您可以根据需要使用768px或更高版本。将溢出隐藏为外部div,如果需要滚动,则从内部隐藏,然后将其设置为自动