Html 滚动条显示在页面底部

我正在创建一个HTML文档，在添加了一个新的部分后，页面底部会出现一个滚动条，这可能是将布局推向右侧的原因

我设法缩小了问题的起因。它发生在我添加以下代码之后：

HTML

---

以下是live应用程序：

我查看了您的live站点，发现删除剩余页边距：-15px；右边缘：-15px；从.row类修复了此问题。

我们需要能够看到更多的HTML标记和CSS样式来解决此问题。将文件上载到liver服务器：添加溢出-x:隐藏这可能会解决您的问题problem@PapT您似乎正在使用bootstrap4-请阅读。如果不正确地使用网格，则可能会出现外推内容：在网格布局中，内容必须放置在列中，并且只有列可以是行的直接子级

<section id="services">
        <div class="row">
            <div class="container">
                <div class="col-md-12">
                    <div class="content-title">
                        <h3 class="text-center">Szolgáltatásaink</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>

.content-title {
    padding-top: 4rem;
}

.content-title h3 {
    color: #333333;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 2rem;
}

.content-title h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 15%;
    height: .4rem;
    background:  #ff5f06;
    margin: 0 auto;
}