滚动条显示在页面底部

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 class 中删除 margin-left: -15px; 和 margin-right: -15px; 可以解决问题。

滚动条显示在页面底部

Scrollbar shows up at the bottom of the page

html

css

layout

user-interface

margin