El problema:
Resolver:
Agregue margin-left: -mpx; (m representa el tamaño del borde) a los cuadros primero y segundo, para que los dos bordes se superpongan y no se vean en negrita.
Pregunta:
El primer cuadro mueve mpx a la izquierda y el segundo cuadro también mueve mpx a la izquierda. La posición relativa de los dos cuadros no ha cambiado.
Descripción:
Cuando el navegador está procesando, el cuadro 1 se ejecuta primero, y el cuadro 2 se ejecuta después de que el cuadro 1. se ejecuta por completo. Cuando el cuadro 2 está flotando, la referencia a la izquierda flotante del cuadro 2 es en realidad el cuadro que se ha movido a la izquierda por mpx 1, de modo que el cuadro 2 esté alineado con el cuadro movido 1, y luego mueva mpx a la izquierda, la izquierda se superpondrá al borde derecho del cuadro 1.
La segunda pregunta:
El problema ocurre cuando el mouse necesita cambiar de color a través de los cuatro bordes.
El cuadro de la derecha puede cambiar el color de los cuatro bordes, pero el cuadro de la izquierda no puede cambiar el color porque se presiona el borde derecho. Esto es para establecer la posición relativa (posición: relativa) del cuadro sobre el que pasa el mouse; Puede establecer el índice z del cuadro donde el mouse pasa a 1.