La simplicidad de CSS radica en su facilidad de aprendizaje; la dificultad de CSS radica en encontrar mejores soluciones. En el mundo de CSS, parece que no existe la perfección. Por lo tanto, el CSS introducido ahora es absolutamente inferior y es simplemente la solución más perfecta entre las soluciones que he visto hasta ahora.
Primero hablemos de por qué usamos esta solución de diseño inferior CSS:
Al crear una página, si el contenido de la página es muy pequeño y no es suficiente para llenar el área de la ventana de una pantalla, de acuerdo con el diseño normal, se verá como la imagen a continuación (es decir, el contenido inferior no está ubicado en la parte inferior de la ventana, pero deja muchos espacios en blanco.
Esto resulta antiestético para un diseñador que busca la imperfección. Hay algunas soluciones en Internet, pero al cambiar la altura de la ventana, el texto inferior y principal se superponen ERROR. Aunque no mucha gente se molestaría en cambiar la altura de la ventana, el diseño tiene que ver con la perfección.
Aquí hay un método relativamente perfecto que encontré, que puede ser logrado por un experto en diseño extranjero usando CSS puro: cuando el contenido del texto es pequeño, la parte inferior está en la parte inferior de la ventana. No habrá problemas de superposición al cambiar la altura de la ventana.
Incluso la persona que creó este CSS creó un sitio web para presentar esta solución de diseño inferior de CSS. No sé si solicitó una patente :)
código HTML:
Nota: El requisito previo para usar este diseño es que el pie de página debe estar fuera del contenedor div general. El pie de página usa una capa y el resto del contenido usa una capa general. Si realmente necesita agregar otras capas hermanas, entonces esta capa hermana debe usar la posición: absoluta para un posicionamiento absoluto.