Неправильная практика использования отрицательных полей или заполнения в CSS

Возьмем, к примеру, этот снимок проекта, над которым я работаю... Голубой фон - это DIV, который находится внутри другого DIV, который обертывает всю секцию контакта боковой панели вместе. Чтобы получить Blue BG DIV для круглой границы и не иметь пробела из-за поля/заполнения родительских я должен был использовать отрицательные поля
margin: -9px -2px 8px -6px;

Итак, вопрос в том, не испорчена ли практика использования отрицательных полей или заполнения?

enter image description here

Ответы

Ответ 1

Нет; это не плохая практика, если вы знаете о том, что используете отрицательные поля, и что это обязательно "тянет" / "перемещает" элементы из их иначе-нормального положения.

Почему бы вам даже беспокоиться об этом?

Ответ 2

Отрицательные поля - отличный способ отменить заполнение внутри элемента для заголовков и т.д. Я не нашел отрицательных результатов (помиловать каламбур) использования отрицательных полей. Например:

<div style="padding:10px;border:1px solid blue;">
 <div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div>
 The content of the div which is now padded in by ten pixels.
<div>

Меня беспокоило отрицательные поля, когда я впервые их обнаружил, но нашел, что они очень полезны, так много областей макета - фактически уменьшают количество div и очищают код макета.