如何从HTML页面中删除长水平滚动条
我开始一个项目使用推特引导,但我有一个问题。水平方向上有一个长长的空滚动条。我找不到问题,有人知道问题出在哪里吗 谢谢 改为如何从HTML页面中删除长水平滚动条,html,css,twitter-bootstrap,scrollbar,browser-scrollbars,Html,Css,Twitter Bootstrap,Scrollbar,Browser Scrollbars,我开始一个项目使用推特引导,但我有一个问题。水平方向上有一个长长的空滚动条。我找不到问题,有人知道问题出在哪里吗 谢谢 改为 .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:auto; } 或者删除地图底部的容器类,容器用于包装内容,不应包装到其他容器中。此外,集装箱将采取全宽 在.container中的任
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width:auto;
}
或者删除地图底部的容器
类,容器
用于包装内容,不应包装到其他容器
中。此外,集装箱将采取全宽
在.container
中的任意位置放置一个,该容器可设置站点和内容的宽度
“引导文档”
退房
身体{
溢出-x:隐藏!重要;
}
正文>*{
最大宽度:100%!重要;
}
希望这有帮助
1) 在标题中添加以下内容以启用响应功能
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这里可能有一些标记错误
3) 忘记将溢出-x隐藏添加到正文
body {
overflow-x: hidden;
}
哦,它现在可以工作了,但为什么会这样呢?我的html/css编码错误?这只会隐藏浏览器滚动条。.row元素仍将超出范围,您将在大多数移动设备上遇到问题。我想知道bootstrap v3将如何修复此错误。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<!--Sidebar content-->
</div>
<div class="span10">
<!--Body content-->
</div>
</div>
body {
overflow-x: hidden;
}