我正在创建一个 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/
最佳答案
我看了你的直播网站https://avrasys.hu/并发现从 .row
类中删除 margin-left: -15px;
和 margin-right: -15px;
可以解决这个问题。
关于html - 滚动条显示在页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52463457/