1. Verifique se o elemento HTML tem um erro de digitação ou se esquece a etiqueta final
Até os veteranos geralmente recebem as relações aninhadas das divs. Você pode usar a função de verificação do DreamWeaver para verificar se existem erros.
2. Verifique se o CSS está correto
Verifique se há erros de ortografia, se você esquece o final} etc. O CleanCSS pode ser usado para verificar erros de digitação do CSS. O CleanCSS é uma ferramenta para perder peso para o CSS, mas também pode ser verificado quanto a erros de ortografia.
3. Determine onde ocorreu o erro
Se o erro afetar o layout geral, você poderá excluir o bloco Div um por um até que o bloco Div seja excluído e a tela retorne ao normal e você poderá determinar a localização do erro.
4. Use o atributo de fronteira para determinar as características do layout do elemento de erro
Se você acidentalmente encerrar a propriedade Float, cometerá um erro. No momento, adicione um atributo de borda ao elemento para determinar o limite do elemento e o motivo do erro é revelado.
5. O elemento pai do elemento flutuante não pode especificar o atributo claro
Se você usar o atributo claro no elemento pai do elemento flutuante em Macie, o layout do elemento float ao redor será confundido. Este é um bug famoso em Macie e, se você não souber, fará um desvio.
6. O elemento flutuante deve especificar o atributo de largura
Muitos navegadores terão bugs ao exibir elementos de flutuação com largura não especificada. Portanto, não importa qual seja o conteúdo do elemento flutuante, você deve especificar o atributo de largura.
Além disso, ao especificar elementos, tente usá -los em vez de px como unidade.
7. O elemento flutuante não pode especificar propriedades como margem e preenchimento
O IE tem um bug ao exibir elementos de flutuação com margem e preenchimento especificado. Portanto, não especifique os atributos de margem e preenchimento para o elemento flutuante (você pode aninhar uma div dentro do elemento flutuante para definir a margem e o preenchimento). Você também pode usar o método de hack para especificar valores extraordinários para o IE.
8. A soma das larguras do elemento flutuante deve ser inferior a 100%
Se a soma das larguras dos elementos da flutuação for exatamente 100%, alguns navegadores antigos não serão exibidos normalmente. Portanto, verifique se a soma das larguras é inferior a 99%.
9. O estilo padrão foi redefinido?
Alguns atributos, como margem, preenchimento etc. terão explicações diferentes para diferentes navegadores. Portanto, é melhor definir primeiro toda a margem e preenchimento para 0, o estilo da lista para nenhum, etc. antes do desenvolvimento.
10. Você esqueceu de escrever DTD?
Se os resultados da tela de diferentes navegadores ainda forem diferentes, você pode verificar se esqueceu de escrever a seguinte linha DTD no início da página:
＜! Doctype html public "-// w3c // dtd html 4.01 transitório // en " " http: //www.w3.org/tr/html4/loose.dtd " ＞