El diseño sin modificación se deja automáticamente.
2. Diseño móvilLa situación flotante: izquierda mencionada anteriormente.
3. Diseño de posicionamientoTanto el posicionamiento relativo como el posicionamiento absoluto son relativos a la etiqueta DIV principal.
Relativamente -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Absoluto: tome el origen de la etiqueta Div principal (esquina superior izquierda) como punto de referencia.
Dado que la capa externa es posición: relativa, si la capa interna es absoluta, la esquina superior izquierda de la capa externa se alineará como referencia de desplazamiento. Por supuesto, la capa externa solo escribe la posición: relativa, escribe los dos valores de izquierda y arriba, lo que significa que la alineación izquierda y superior se basa en la posición original del elemento como el punto de referencia del diseño.
Otra situación es que es solo una posición: absoluta; No hay posición: pariente en la capa externa. En este momento, ¿qué punto se encontrará como referencia? El principio en este momento es: si hay un pariente en un determinado elemento principal, el elemento principal se usa como origen de referencia, y si no hay posición: relativo, el cuerpo se usa como origen de referencia. Si la posición: la capa externa absoluta no tiene pariente, no hay diferencia en los dos diseños.
Por supuesto, la última situación es: la capa externa es: Posición: Absoluto; La capa interna es posición: relativa. ¿Qué pasará? Según el principio original, Absolute se referirá al cuerpo como el origen del diseño, y el relativo se referirá a la posición en la que debe estar como origen del diseño. En este momento, en realidad se refiere a la esquina superior izquierda de la capa externa como el origen del diseño.
El resto depende de la situación real.