html - メインコンテンツを非表示にするcss下部ツールバー

Question

ブラウザウィンドウの下部に固定されている下部のツールバーがあります。問題は、ページの一番下までスクロールすると、コンテンツの一部がツールバーによって非表示になることです。

ここにリンクがあります

Answer 1

を増やしpadding-bottomますdiv.content。80pxは良い出発点のようです

Answer 2

下部のツールバーの高さよりも大きいパディングを下部に配置できます。

これにより、すべてが希望どおりに表示されるようになります。

body
{
  padding-bottom: 200px;
}