Haga que el pie de página HTML permanezca en la parte inferior de la página con una altura mínima, pero no se superponga la página en CSS
Este artículo examinará:
- Cómo hacer un pie de página?
- Cómo hacer que el pie de página HTML permanezca en la parte inferior de la página?
Cómo hacer un pie de página?
Para crear un pie de página, los usuarios pueden usar un simple "Elemento "o un"" etiqueta.
Para una mejor concepción, pase por el procedimiento proporcionado.
Paso 1: Insertar encabezado
Primero, inserte un encabezado utilizando cualquier etiqueta de encabezado de "" a "". Por ejemplo, hemos usado el ""Etiqueta para agregar un encabezado de nivel uno.
Paso 2: Crear contenedor "Div"
A continuación, cree un contenedor "div" con la ayuda del "" etiqueta. Además, agregue un atributo de "clase" y asigne el nombre "contenido principal".
Paso 3: crea otro contenedor "div"
Ahora, haz el próximo "div"Contenedor, y especifique"cuerpo"Como el"identificación" valor de atributo.
Paso 4: Crear tabla
Utilizar el " Paso 5: Crear pie de página A continuación, cree un pie de página insertando otro "div"Contenedor y asignarlo una clase"pie de página": Alternativamente, el usuario puede utilizar HTML ""Elemento para agregar pies de página en la página HTML: Producción Cómo hacer que el pie de página HTML permanezca en la parte inferior de la página? Para hacer que el pie de página de la página HTML permanezca en la parte inferior de la página, pruebe las instrucciones a continuación. Paso 1: Estilo primer contenedor "div" Acceda a lo principal "div"Contenedor utilizando la clase".contenido principal"Y aplique las propiedades de la lista de CSS: Aquí: Producción Paso 2: Segundo contenedor "div" de estilo Ahora, acceda al segundo elemento "div" usando el "identificación" atributo "#cuerpo". Luego, aplique las siguientes propiedades CSS: La descripción del código anterior se da a continuación: Producción Paso 3: pie de página de estilo Si ha utilizado el ""Etiqueta, luego se puede acceder con el nombre de la etiqueta. En este escenario, hemos accedido al "div"Contenedor con la clase".pie de página": Después de acceder al contenedor "Div", aplique las siguientes propiedades de CSS: Se puede notar que el pie de página de la página está configurado en la parte inferior de la página: Has aprendido sobre hacer que el pie de página de la página permanezca en la parte inferior de la página con la altura mínima. Conclusión Para que el pie de página HTML permanezca en la parte inferior de la página con la altura mínima, primero, cree el pie de página usando el ""Etiqueta o""Elemento en html. Luego, acceda al pie de página en CSS por nombre de etiqueta o clase o ID asignada. Luego, aplique el "Posición: Absoluto"Propiedad para hacer que el pie de página se quede en la parte inferior de la página. Esta publicación ha explicado el método para hacer que el pie de página HTML permanezca en la parte inferior de la página. "Etiqueta para hacer una mesa en el segundo contenedor. Luego, agregue los siguientes elementos entre el "
" etiqueta:
"Elemento utilizado para definir las filas en la tabla. "Se usa para agregar el encabezado de la tabla. "Define una celda de datos dentro de la tabla para insertar datos. Pie de página de página permanece en el fondo
Temas de informática Sistema operativo DBMS Red de computadoras Gestión de proyectos
pie de página
Posición: relativo;
Min-altura: 80%;
Color de fondo: Bisque;
Text-Align: Center;
relleno: 30px;
Botón de relleno: 60px;
margen: 10px 80px;
Posición: Absoluto;
Abajo: 0;
Top-top: 10px;
Text-Align: Center;
Ancho: 100%;
Altura: 80px;
Antecedentes: RGB (134, 240, 139);