Rendi un piè di pagina HTML rimanere in fondo alla pagina con un'altezza minima, ma non sovrapporre la pagina in CSS
Questo articolo esaminerà:
- Come fare un piè di pagina?
- Come far rimanere il piè di pagina HTML nella parte inferiore della pagina?
Come fare un piè di pagina?
Per creare un piè di pagina, gli utenti possono utilizzare un semplice ""Elemento o un""Tag.
Per una migliore concezione, passare attraverso la procedura fornita.
Passaggio 1: inserire l'intestazione
Innanzitutto, inserire un'intestazione utilizzando qualsiasi etichetta di intestazione da "" A "". Ad esempio, abbiamo usato il ""Tag per aggiungere un livello di livello uno.
Passaggio 2: crea un contenitore "div"
Successivamente, crea un contenitore "div" con l'aiuto di ""Tag. Inoltre, aggiungi un attributo "classe" e assegnagli il nome "contenuto principale".
Passaggio 3: crea un altro contenitore "div"
Ora, fai il prossimo "div"Container e specificare"corpo" come il "id"Valore dell'attributo.
Passaggio 4: crea tabella
Utilizzare il " Passaggio 5: crea piè di pagina Successivamente, crea un piè di pagina inserendo un altro "div"Container e assegnarlo una classe"piè di pagina": In alternativa, l'utente può utilizzare HTML ""Elemento da aggiungere footer nella pagina HTML: Produzione Come fare in modo che il piè di pagina HTML rimanga in fondo alla pagina? Per rendere il piè di pagina della pagina HTML che rimane in fondo alla pagina, prova le istruzioni di seguito. Passaggio 1: stile del primo contenitore "div" Accedi al principale "div"Container utilizzando la classe".contenuto principale"E applicare le proprietà sotto l'elenco di CSS: Qui: Produzione Passaggio 2: Stile Secondo contenitore "div" Ora accedi al secondo elemento "div" usando il "id"Attributo"#corpo". Quindi, applica le seguenti proprietà CSS: Di seguito è riportata la descrizione del codice sopra: Produzione Passaggio 3: footer di stile Se hai utilizzato il ""Tag, quindi è possibile accedere utilizzando il nome del tag. In questo scenario, abbiamo avuto accesso al "div"Container con la classe".piè di pagina": Dopo aver acceduto al contenitore "Div", applica le seguenti proprietà CSS: Si può notare che il piè di pagina della pagina è impostato nella parte inferiore della pagina: Hai imparato a fare in modo che il piè di pagina di pagina rimanesse nella parte inferiore della pagina con l'altezza minima. Conclusione Per far rimanere il piè di pagina HTML nella parte inferiore della pagina con l'altezza minima, crea prima il piè di pagina usando "Tag o ""Elemento in HTML. Quindi, accedi al piè di pagina in CSS per nome del tag o classe assegnata o ID. Quindi, applica il "Posizione: assoluto"Proprietà per far rimanere il piè di pagina in fondo alla pagina. Questo post ha spiegato il metodo per far rimanere il piè di pagina HTML nella parte inferiore della pagina. "Tag per creare una tabella nel secondo contenitore. Quindi, aggiungi i seguenti elementi tra il "
"Tag:
"Elemento utilizzato per definire le righe nella tabella. "Viene utilizzato per aggiungere l'intestazione del tavolo. "Definisce una cella di dati all'interno della tabella per inserire i dati. Pagina Footer Soggiorno in fondo
Materie di informatica Sistema operativo Dbms Reti di computer Gestione del progetto
piè di pagina
Posizione: relativo;
Min-Height: 80%;
Background-color: bisque;
Testo-align: centro;
imbottitura: 30px;
imbottitura-bottom: 60px;
Margine: 10px 80px;
Posizione: assoluto;
In basso: 0;
imbottitura: 10px;
Testo-align: centro;
larghezza: 100%;
Altezza: 80px;
Background: RGB (134, 240, 139);