Почему появился лишний отступ?

Question

[Slasherr]

Здравствуйте!
Немогу понять почему появился отступ сверху.


Код

<section class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
                <div class="swiper-slide"></div>
            </div>
            <!--pagination-->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </section>

.banner {
    height: 100%;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-image: url('../img/banner.jpg');
    background-size: cover;
}

Comments

[Сергей delphinpro]

Самая частая причина - марджины внутренних блоков.

[Alexander Litvinenko]

Сергей: академически называется "схлопывание марджинов"

[Сергей delphinpro]

Alexander Litvinenko: Я в курсе, как оно называется =))

[Alexander Litvinenko]

Сергей: это в первую очередь для автора, он ведь будет гуглить.

[Slasherr]

Alexander Litvinenko Сергей Не вижу там марджинов(((

Answer 1

[profesor08]

Сохрани все файлы в кодировки UTF-8 без BOM