Come creare una barra di navigazione Estendi fino in fondo alla pagina in CSS

Le barre di navigazione a sinistra mostrano i collegamenti per i tuoi lettori per trovare le categorie e le pagine degli argomenti. Per impostazione predefinita, la barra di navigazione interrompe il rendering dopo la visualizzazione dell'ultimo collegamento. Puoi usare la proprietà "height" del CSS per forzare la barra di navigazione ad estendersi fino alla fine della pagina. La funzione rende il layout del blog o del sito Web più uniforme nelle diverse sezioni della pagina.

1.

Fai clic con il pulsante destro del mouse sulla pagina HTML del sito Web che contiene la barra di navigazione. Fai clic su "Apri con", quindi fai clic sul tuo editor HTML.

2.

Individua il tag "div" che contiene i tuoi link di navigazione. Se la pagina è lunga, premere "Ctrl" e "F" per aprire la finestra di dialogo "Trova". Digita il tuo nome tag div e premi "Invio" per scorrere fino al pannello di navigazione.

3.

Aggiungi il seguente codice alla definizione del tag div:

style = "height: 100%"

Questa proprietà forza il pannello di navigazione a rappresentare il 100 percento dell'altezza della pagina, quindi il pannello si estende fino alla parte inferiore della finestra del browser.

Raccomandato