Como fazer uma barra de navegação se estender até a parte inferior da página em CSS

As barras de navegação à esquerda exibem os links para os leitores encontrarem categorias e páginas de tópicos. Por padrão, a barra de navegação pára a renderização depois que o último link é exibido. Você pode usar a propriedade CSS "height" para forçar a barra de navegação a se estender até a parte inferior da página. O recurso faz com que o layout do blog ou do site exiba de maneira mais uniforme as diferentes seções da sua página.

1

Clique com o botão direito do mouse na página HTML do site que contém sua barra de navegação. Clique em "Abrir com" e, em seguida, clique no seu editor de HTML.

2

Localize a tag "div" que contém seus links de navegação. Se a página for longa, pressione "Ctrl" e "F" para abrir a janela de diálogo "Localizar". Digite o nome da tag div e pressione "Enter" para rolar até o painel de navegação.

3

Adicione o seguinte código à definição da tag da div:

style = "height: 100%"

Essa propriedade força o painel de navegação a renderizar 100 por cento da altura da página, de forma que o painel se estenda até a parte inferior da janela do navegador.