Utilizar uma margin com valor negativo é uma prática ruim (bad practice)?
Exemplo:
margin-top: -3px;
Utilizar uma margin com valor negativo é uma prática ruim (bad practice)?
Exemplo:
margin-top: -3px;
Não, margem negativa em CSS não é uma má prática. Margem negativa é um ótimo caminho para se negar paddings em um elemento, quando algum elemento interno deve ser posicionado de tal maneira.
Também, acho que a única maneira 100% confiável, suportada por todos os browsers, de se centralizar um elemento vertical e horizontalmente em relação a um elemento pai, é se utilizando de margem negativa, como segue o exemplo:
.classe_css{
left:50%;
top:50%;
position: relative;
margin-left:-40px; /* -1/2 width */
margin-top:-40px; /* -1/2 height */
}
transform: translate(-50%, -50%);
Commented
10/03/2017 às 15:19
Margin negativa não é necessariamente uma pratica ruim, por exemplo você consegue utilizar a técnica de faux-columns sem imagens.
Negative values for margin properties are allowed, but there may be implementation-specific limits.
— W3C, sobre margin properties
Esse trecho foi retirado de uma discussão no iMasters sobre o mesmo assunto.
Dá uma lida neste artigo aqui, ele explica formas de utilizar margens negativas, mostrando formas comuns e erros também.