@Pipop

Почему не работает отрицательный margin?

Есть общий контейнер ul шириной в 1170px. Каждый item занимает 370px и 30px отступа вправо. Чтобы вместить три item'a вношу отрицательный margin -30px к общему контейнеру, но ничего не работает. box-sizing: border-box есть. Подскажите, в чем проблема? 5c13dee475795520760059.png
  • Вопрос задан
  • 1136 просмотров
Пригласить эксперта
Ответы на вопрос 2
@JorJeG
Нужно не margin отрицательный ставить у общего блока, а у item убирать правый отступ, у каждого третьего
Типа что-то этого
Ответ написан
Комментировать
lambesis
@lambesis
Слабоумие и отвага!
Скриншот вообще не даёт представления о проблеме, пользователи тостера на экстрасенсы, не забывайте об этом.
Отрицательные отступы криво срабатывают у тех элементов которым задано значение ширины отличное от "width: auto;"
Если вашему ul задано значение, к примеру, "width: 100%" или "max-width: 100%", попробуйте изменить на auto.
Или же проблема в чем-то другом, нужно смотреть непосредственно код.

P.S. А вообще, JorJeG все правильно написал: подобную проблему решать через отрицательный отступ - это костыль, при чем весьма непредсказуемый. Правильнее будет решать данную задачу через псевдоклассы, типа :nth-child
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы