Как убрать отступ между двумя контейнерами?
Как убрать отступ в данной ситуации, и при этом, чтобы на разных устройствах и экранах он был адаптирован и ровно по середине?
https://jsfiddle.net/pvgxke3h/2/
Прошу прощения, если это максимально тупо , но решение данного вопроса не могу найти уже два дня.
Спасибо заранее.
Дополнительно:
Я вижу один блок container.
И у него нет отступов.
Но есть отступ у дочернего элемента, прям в разметке написан style="margin: 0 auto;". Может быть, вы неправильно в вопросе указали блоки..
Прошу прощения, за ошибку в вопросе.
СПАСИБО!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы убрать отступ между двумя контейнерами на веб-странице, можно использовать различные подходы в зависимости от типа контейнеров и их стилей. Вот несколько способов, которые могут помочь вам решить эту проблему:
1. Использование CSS margin и padding:
Если между контейнерами есть отступ из-за CSS свойств margin или padding, вы можете попробовать установить их значения в 0. Например, если у вас есть два блока div с классами container1 и container2, вы можете добавить следующие стили:
.container1, .container2 { margin: 0; padding: 0; }
2. Использование отрицательного margin:
Если установка margin и padding в 0 не помогла, попробуйте использовать отрицательные значения margin для одного из контейнеров. Например, если у вас есть два блока div с классами container1 и container2, и вы хотите убрать отступ между ними, вы можете добавить следующие стили:
.container2 { margin-top: -10px; }
3. Использование flexbox:
Если вы используете flexbox для организации контейнеров на странице, вы можете настроить свойства flex для родительского контейнера, чтобы убрать отступ между дочерними элементами. Например:
.container { display: flex; justify-content: space-between; }
4. Использование границы:
Если проблема с отступом между контейнерами вызвана границей одного из контейнеров, вы можете попробовать установить значение border на 0. Например, если у вас есть блок div с классом container и у него есть граница, вы можете добавить следующие стили:
.container { border: 0; }
Надеюсь, что один из этих способов поможет вам решить проблему с отступом между контейнерами на вашей веб-странице.