Как убрать отступ между двумя контейнерами?

Ссылка скопирована
30 апреля 2026 1 ответ

Как убрать отступ в данной ситуации, и при этом, чтобы на разных устройствах и экранах он был адаптирован и ровно по середине?
https://jsfiddle.net/pvgxke3h/2/
Прошу прощения, если это максимально тупо , но решение данного вопроса не могу найти уже два дня.
Спасибо заранее.

Дополнительно:

Я вижу один блок container.
И у него нет отступов.

Но есть отступ у дочернего элемента, прям в разметке написан style="margin: 0 auto;". Может быть, вы неправильно в вопросе указали блоки..

  • Ankhena, да, тут получается между блоками отступ, все верно. Хочу сделать, чтобы они шли в одну линию и без отступов. А они у меня отображаются, как я хочу только, когда окно браузера открыто не в полную ширину.
    Прошу прощения, за ошибку в вопросе.
  • polucoder, ну так уберите margin
  • Ankhena, ахахаха. Два дня. Простите глупого человека.
    СПАСИБО!
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Никита Орлов Ответ

    Для того чтобы убрать отступ между двумя контейнерами на веб-странице, можно использовать различные подходы в зависимости от типа контейнеров и их стилей. Вот несколько способов, которые могут помочь вам решить эту проблему:

    1. Использование CSS margin и padding:
    Если между контейнерами есть отступ из-за CSS свойств margin или padding, вы можете попробовать установить их значения в 0. Например, если у вас есть два блока div с классами container1 и container2, вы можете добавить следующие стили:

    .container1, .container2 {
        margin: 0;
        padding: 0;
    }

    .container1, .container2 { margin: 0; padding: 0; }

    2. Использование отрицательного margin:
    Если установка margin и padding в 0 не помогла, попробуйте использовать отрицательные значения margin для одного из контейнеров. Например, если у вас есть два блока div с классами container1 и container2, и вы хотите убрать отступ между ними, вы можете добавить следующие стили:

    .container2 {
        margin-top: -10px;
    }

    .container2 { margin-top: -10px; }

    3. Использование flexbox:
    Если вы используете flexbox для организации контейнеров на странице, вы можете настроить свойства flex для родительского контейнера, чтобы убрать отступ между дочерними элементами. Например:

    .container {
        display: flex;
        justify-content: space-between;
    }

    .container { display: flex; justify-content: space-between; }

    4. Использование границы:
    Если проблема с отступом между контейнерами вызвана границей одного из контейнеров, вы можете попробовать установить значение border на 0. Например, если у вас есть блок div с классом container и у него есть граница, вы можете добавить следующие стили:

    .container {
        border: 0;
    }

    .container { border: 0; }

    Надеюсь, что один из этих способов поможет вам решить проблему с отступом между контейнерами на вашей веб-странице.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно