ヘッドがposition：fixedを使用する問題を解決します。固定ポジショニングの後、以下の内容がカバーされます

今日ページを作っている時、頭を固定する効果がありましたが、position：fixed;を与えた後、書き続けると、以下の内容の一部が頭で覆われていることがわかります。これを行う2つの方法。この問題を解決する

1.ヘッダーの下に空のdivを指定します

このdivの高さを設定し、ページを拡大します。この方法では、空のdivが頭を覆い、コンテンツを解放します。

ただし、この方法ではデバッグの高さが少し必要になるため、お勧めしません。

2. position：fixed;を使用するボックス全体を別のボックスでラップします

修正が必要なヘッドエリアがあるとしましょう

 <div class="head">
            <span class="iconfont icon-shouyeshouye"></span>
            <h1>演出列表</h1>
        </div>

.head{
    width: 100%;
    height: 55px;
    position: fixed;
}

このとき、頭全体の高さが55pxなので、内容を書き留めると頭が部分的に覆われるので、頭全体を箱で包んで同じ高さに設定すれば解決できます

 <div class="box">
        <div class="head">
            <span class="iconfont icon-shouyeshouye"></span>
            <h1>演出列表</h1>
        </div>
    </div>

.box{
    height: 55px;
}