Question

我检查了整个页面，但找不到答案。我的html标签和body标签之间有一个余量，但我无法弄清楚原因。感谢所有的答案。该网站位于http://tudengid.ee/

Answer 1

section#section_1内部有三个元素导致顶部的空间很小。 ...

<h1><a href="tel:+372 9002018" class="mobileCallingNumberForcalling">9002018</a></h1>
<h1><a href="tel:+372 9002018" class="heading heading__number-desktop">9002018</a></h1>
<p><a href="#section__2" class="paragraph section__1_paragraph-reverse" id="loeLisaks">Loe lisaks </a></p>

我在每个上面设置margin: 0，空间就消失了。

我通过使用浏览器的开发者工具消除过程来解决这个问题。

使用Bootstrap时这是一个常见问题。有时很难确定设置边距/空格的位置，但非常specific选择器应该更正它。

以下内容应该有效，但它也会影响您插入该区域的任何其他H1或P ...

#section__1 > h1,
#section__1 > p {
  margin: 0;
}

如果您确实需要，可以使用:nth-child()选择器更加具体。

Answer 2

将以下内容添加到您的css中：

body {
margin: 0;
}

如果以上不起作用，请尝试以下操作。（它将覆盖任何其他边际值。）：

body {
margin: 0 !important;
}

Answer 3

发布一些代码会有所帮助。我想建议相同的是它是HTML或BODY，它有一个边距或填充，但没有。

你有这个：

<div class="row">
                <div class="col-sm-12 col-md-6 col-section-1-1">
                    <aside>
                        <h2 class="heading section__1__heading-big">Kõik olümpiavõitjad
                            on kusagilt alustanud!</h2>
                        <p class="paragraph section__1__paragraph-intro">Kutsume Sind toetama tulevaste võitjate arengut, et
                            saaksid olla osaline nende suurtest saavutusest. Kogutud
                            toetussummat kasutame sihipäraselt sportlaste arengu
                            toetamiseks läbi  stipendiumite ja koolituste.
                        </p>
                        <button class="button button__kristian active"><p>Kristian Ilves</p></button>
                        <button class="button button__mattias"><p>Mattias Kuusik</p></button>
                        <button id="modalBtn">
                            <img src="images/Play.svg" alt="vaata videot">

                        </button>
                        <span class="button">Vaata videot</span>
                        <a href="https://www.instagram.com/explore/tags/leiaendasv%C3%B5itja/" target="_blank">
                            <p class="paragraph section__1__paragraph-hashtag">#leiaendasvõitja</p>
                        </a>
                    </aside>
                </div>


                <div class="col-sm-12 col-md-6 displayNonePhone">
                    <p class="paragraph section__1__paragraph-secondside">TÄISVERSIOON LEHEST ON ARENDAMISEL</p>
                    <a href="http://www.nooredolumpiale.ee/toeta" target="_blank">
                        <p class="paragraph section__1__paragraph-secondsidetwo">Külasta vana lehte</p>
                    </a>
                </div>
            </div>

行类的右边距为-15删除它，你应该没问题。

Answer 4

section#section__1 > * {
    margin: 0;
}

此代码从顶部和右侧删除了空格。你已经修好了孩子，但他们的父母已经有了一些余地。

body和html之间的边距

4 个答案: