html - 滚动条显示在页面底部

Question

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

我设法缩小了导致问题的原因。它发生在我添加以下代码之后:

HTML

<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>

CSS:

.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;
}

这是实时应用程序:https://avrasys.hu/

Answer 1

我看了你的直播网站https://avrasys.hu/并发现从 .row 类中删除 margin-left: -15px; 和 margin-right: -15px; 可以解决这个问题。