1. Compruebe si el elemento HTML tiene un error tipográfico o si olvida la etiqueta final
Incluso los veteranos a menudo obtienen las relaciones anidadas de los divs. Puede usar la función de verificación DreamWeaver para verificar si hay algún error.
2. Verifique si el CSS es correcto
Verifique los errores de ortografía, ya sea que olvide el final}, etc. Se puede usar CleanCSS para verificar los errores tipográficos de CSS. CleanCSS es una herramienta para perder peso para CSS, pero también se puede verificar en busca de errores de ortografía.
3. Determinar dónde ocurrió el error
Si el error afecta el diseño general, puede eliminar el bloque DIV uno por uno hasta que se elimine el bloque DIV y la pantalla vuelve a la normalidad, y puede determinar la ubicación del error.
4. Use el atributo de borde para determinar las características de diseño del elemento de error
Si diseña accidentalmente la propiedad flotante, cometerá un error. En este momento, agregue un atributo de borde al elemento para determinar el límite del elemento, y se revela la razón del error.
5. El elemento principal del elemento flotante no puede especificar el atributo claro
Si usa el atributo transparente en el elemento principal del elemento flotante debajo de Macie, el diseño del elemento flotante se confundirá. Este es un error famoso en Macie, y si no lo sabes, tomarás un desvío.
6. El elemento flotante debe especificar el atributo de ancho
Muchos navegadores tendrán errores al mostrar elementos flotantes con ancho no especificado. Entonces, no importa cuál sea el contenido del elemento flotante, debe especificar el atributo de ancho.
Además, al especificar elementos, intente usar EM en lugar de PX como la unidad.
7. El elemento flotante no puede especificar propiedades como el margen y el relleno
IE tiene un error al mostrar elementos flotantes con margen y relleno especificados. Por lo tanto, no especifique los atributos de margen y acolchado para el elemento flotante (puede anidar un DIV dentro del elemento flotante para establecer el margen y el relleno). También puede usar el método Hack para especificar valores extraordinarios para IE.
8. La suma de los anchos del elemento flotante debe ser inferior al 100%
Si la suma de los anchos de los elementos flotantes es exactamente 100%, algunos navegadores antiguos no se mostrarán normalmente. Por lo tanto, asegúrese de que la suma de anchos sea inferior al 99%.
9. ¿Se ha restablecido el estilo predeterminado?
Algunos atributos como el margen, el relleno, etc. tendrán diferentes explicaciones para diferentes navegadores. Por lo tanto, es mejor establecer primero todo el margen y el relleno en 0, el estilo de la lista a ninguno, etc. antes del desarrollo.
10. ¿Has olvidado escribir DTD?
Si los resultados de la pantalla de diferentes navegadores siguen siendo diferentes, entonces puede verificar si olvidó escribir la siguiente línea DTD al comienzo de la página:
＜! Doctype html public "-// w3c // dtd html 4.01 transitional // en " " http: //www.w3.org/tr/html4/loose.dtd " ＞