Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Hacer que Div se adhiera al final de la página

 

Como desarrollador web, todo el mundo necesita a veces hacer que un div se adhiera al final de una página web.

Por lo general, recibí muchas preguntas relacionadas con este tema, pero no encontré la guía completa.

En este tutorial, voy a compartir contigo un tutorial completo sobre cómo crear una barra de notificación de pie de página fija en HTML con CSS.

Crear un div fijo es muy fácil si tienes conocimientos de CSS básico. 
Entonces, aquí verá cómo puede pegar un div en la parte inferior de la página usando CSS.

HTML

<div> <p> algo de texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
<p> algún texto </p> 
</div> 
<div class = "stickynotification"> 
StickyFooter 
</div>

CSS

.stickynotification {
posición: fija; 
abajo: 0; 
derecha: 0; 
ancho: 100%; 
altura: 45px;
color de fondo: # 28a745; 
color: #fff; 
tamaño de fuente: 20px; 
índice z: 99999; 
radio del borde: 50px; 
alineación de texto: centro; 
}

Entonces, ha aprendido cómo hacer un div stick cuando se desplaza con HTML y CSS. Si tiene alguna consulta relacionada con este tutorial, no dude en comentar.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas