div CSSの上部を修正する方法

div CSS の先頭固定を実装する方法: まず、固定する div にクラス名を追加し、ナビゲーション バーの色を設定します。次に、「position」属性を、ナビゲーションバー; 最後にナビゲーションを置きます バーの位置プロパティを「fixed」に設定して固定にします。

#このチュートリアルの動作環境: Windows7 システム、css3&&html5 バージョン、thinkpad t480 コンピューター。

先頭のdivを固定するcss:

図のように、固定したいdivにクラス名を追加します。部門のトップへ。

ナビゲーション バーの幅と高さが図に示すとおりであると仮定し、ナビゲーション バーの色を設定します。

このようにしてナビゲーション バーが作成され、ナビゲーション バー div の位置の修正を開始します。

図に示すように、ナビゲーション バーで表される div に「position」属性を追加します。

次に、ナビゲーション バーの位置属性を「固定」に設定します。これは、位置が固定されることを意味します。

次に、ナビゲーション バーの「top」属性を 0 に設定します。これは、ナビゲーション バーとブラウザーの上部の間の距離が 0 であることを意味します。他の値の場合、さらに離れます。ある程度の距離があります。

一般的には、div にposition:fixed を設定し、top を 0 に設定して位置を固定するだけです。非常に簡単なので、練習してください。

推奨: 「

css ビデオ チュートリアル 」

以上がdiv CSSの上部を修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。