<DAY192>ヘッダーを固定した時に発生した事

●9/01(日)
●学習日数 192日
●学習時間(本日)3時間
●累計学習時間 824.0時間
●一日あたりの平均学習時間 4.34時間

どうしたか？

このようにフッダーを固定させた。

やり方

やり方は簡単。

    position: fixed; 固定
    z-index: 3;　表示を上部にする

問題点

固定させた場合、その下のブロック要素が固定されたヘッダー部分の隙間を考慮できなくなり
上に詰まるようになった。

対策

ヘッダーの幅分の要素をmarginにて開ける事で回避