1. Em caso de dúvida, verifique imediatamente
Uma simples verificação do código original quando algo dá errado pode evitar muitas dores de cabeça. O W3C possui ferramentas de detecção disponíveis para XHTML e CSS. Observe que erros no início do arquivo podem causar mais erros devido à estrutura inadequada e outros fatores. Recomendamos corrigir primeiro alguns dos erros mais óbvios e depois verificar novamente, o que pode reduzir o número de erros;
2. Lembre-se de limpar as instruções adequadamente ao usar a função flutuante
A flutuação é um recurso perigoso e pode não produzir os resultados esperados. Se você encontrar elementos flutuantes que se estendem além da borda do contêiner circundante ou outras situações incomuns, certifique-se de estar fazendo isso corretamente. Veja os ensinamentos de Eric Meyer no site da Complex Spiral Consulting.
3. Use preenchimento ou borda para evitar sobreposição de limites.
Você pode estar lutando por um pouco de espaço que não deveria estar lá ou pode não conseguir arranjar um pouco de espaço quando precisar. É fácil sobrepor bordas se você usar margens; Andy Budd explica o que é possível em seu site.
4. Tente evitar especificar preenchimento/borda e altura ou largura no elemento ao mesmo tempo
A versão do IE para Windows geralmente causa problemas de cálculo de largura e altura. Existem algumas maneiras de resolver este problema, mas se o elemento pai precisar especificar a altura e a largura, é melhor aplicar margem aos elementos filhos dentro do elemento pai, ou quando o elemento filho precisar especificar a altura e a largura, aplique preenchimento ao elemento pai para obter esse efeito.
5. Não confie na largura mínima/altura mínima
A versão do IE para Windows não oferece suporte a ambas as sintaxes. Mas, até certo ponto, a versão do IE para Windows pode atingir um efeito equivalente à largura mínima/altura mínima, portanto, contanto que você adicione algumas funções de filtragem ao IE, poderá obter os resultados desejados.
6. Na dúvida, reduza primeiro o percentual
Às vezes, certos erros farão com que 50% + 50% se tornem 100,1%, causando problemas na página da web. Neste momento tente alterar esses valores para 49% ou até 49,9%.
7. Lembre-se de como escrever "TRouBLed"
A sintaxe abreviada de Border, margin e padding tem uma ordem específica, começando de cima e girando no sentido horário: superior, direita, inferior, esquerda Portanto, o resultado de margin:0 1px 3px 5px é sem borda na parte superior, 1 pixel; à direita e assim por diante. Lembre-se de "TRouBLe" e você não errará na sequência.
8. Desde que o valor não seja zero, a unidade deve ser especificada.
CSS exige que você especifique unidades para cada fonte, margem e outros valores diversos. (A única exceção é a altura da linha)