Css 为什么这个html页面中有水平滚动条

链接：

正文{
字体系列：Consolas、Sans；
}
.垫片{
高度：100px；
}
#第一组{
高度：300px；
}
.行均衡器高度{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
}
没有{
填充：0；
保证金：0；
}

引导示例
可乐
可乐

导致元素比窗口宽。

您没有使用“容器流体”

您必须使用下面的方法删除水平滚动条

<div id="firstDiv" class="container-fluid row-eq-height" style="background-color:#ddaaee;">

---

移除填充物，使其没有填充物

.nopadding{
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}

预览

body{font-family:Consolas，Sans；}
.垫片{高度：100px；}
#firstDiv{高度：300px；}
.行均衡器高度{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
}
没有{
右边填充：0！重要；
左侧填充：0！重要；
}
.行{
右边距：0！重要；
左边距：0！重要；
}

引导示例
可乐
可乐

添加以下css

.row {
    margin: 0px !important;
}

或者用

div包装

行

元素

例：

.... 

根据您想要实现的目标，您应该使用容器，即容器或容器流体，这些容器应位于行外部

其他答案部分正确，因为它们正在改变引导的工作方式

基本布局应如下所示：

<div class="container">
   <div class="row">
      <div class="col-xs-12"></div>
   </div>
</div>

如果要使用.row，则它必须位于.container中，这样边距就不会像在笔中一样。此外，Cal-元素需要在里面。行-如果你不遵循这个结构，你会有古怪的边缘。

尝试修复宽度大小……请考虑投票的答案，以帮助人们感谢时间和精力投入到你的问题中。但从.row中删除边距有效。导致此溢出的是.row中的默认边距。通过删除中的边距进行修复。row@learningeek没错，但这也是为什么其他一些引导程序元素彼此配合得很好的原因。若你们去掉那个边距，你们以后很可能会遇到其他定位问题。你们得到了正确的分数。那么，请建议我如何在不使用行边距的情况下修复水平滚动条。@learningeek首先从容器开始，因为这是一个初始点，然后添加一行（如果需要按行分隔页面部分，则添加多行），然后添加列。另外，请注意，在容器中添加容器可能会导致其他问题。Thanx@Agramer为我整理它。但它会影响您在其他分区中使用“行”时的效果。因此，您必须使用“容器流体”，这是使用引导的正确方法。

.row {
    margin: 0px !important;
}

<div class="container-fluid">
   <div class="row">.... </div>
</div>

<div class="container">
   <div class="row">
      <div class="col-xs-12"></div>
   </div>
</div>