[CSS]ヘッダー・フッターの基本

ヘッダー

ヘッダーは上部に固定することが多い
その際には、下記をセットで記述する。

css

.header {
  position: fixed;
  width: 100%;
}

.header{
height: 60px;
width: 100%;
position: fixed; 
  z-index: 1;
}

・上部に固定
・横幅は画面いっぱい
・重なりの順序を一番手前に

上記と合わせて、コンテンツにて
下記を記載して回り込みを防ぐ。

padding-top: 60px;

※高さはヘッダーと同じに

フッター

最下層に絶対位置固定

css

position: absolute;
bottom: 0;