Question

我有一个Bootstrap 3网站，在IE浏览器中看起来很好，但是Chrome和FF以及右下方的底部滑块和小地方总是在那里，即使我扩展到1％。

这是与box-sizing属性相关的内容，但是内容框都没有边框框。而且我在检查元素中找不到有什么？如果你能给我一个研究方向 - 我会非常高兴。这是它的样子：

enter image description here

Answer 1

在没有实际访问该网站的情况下很难判断，但是直接修复将在body属性上设置set overflow: hidden;，如下所示：

body {
    overflow:hidden;
}

您可以查看更多信息here on SO

Answer 2

老问题，我知道，但我以为我会对＃34;如何发现错误＆＃34;对于那些追求的人来说问题的方方面面。

打开chrome devtools
切换＆＃39;移动设备模拟＆＃39; - devtools右上角的小电话图标。 Chrome文档非常丰富 - 我总能在其中找到新内容：Device Mode & Mobile Emulation
缩小页面宽度;如果有任何溢出，它将在“仿真窗口”的右侧显示为深灰色阴影。查找显而易见的页面宽度
在devtools的“元素”选项卡中，逐个选择顶级元素并单击“删除”，然后查看是否消除了溢出。如果没有，您可以点击 cmd + z 来撤消删除
如果发现删除高级元素会消除溢出，请缩小到哪个子元素导致问题
使用引导程序时，行和列类的不正确嵌套（添加和减去边距/填充）可能会导致问题
检查硬编码的width，min-width s，!important语句，
要尝试的方便陈述包括overflow:auto;，float:none;，position: relative; - 如有疑问：摇摇晃晃！

考虑添加断点以优化麻烦元素的响应性

<body>
    <header> <-- deleting header may solve the overflow
        <nav>
            <ul> <-- but a child is likely the problem
    <main>
        <section>
    <footer>
        <div>

希望将来帮助某人：）

引导程序中奇怪的css框大小3.如何摆脱水平滑块

2 个答案: