ホームページ  >  記事  >  ウェブフロントエンド  >  div CSSの上部を修正する方法

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

藏色散人
藏色散人オリジナル
2020-12-14 09:07:188550ブラウズ

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

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

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

先頭のdivを固定するcss:

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

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

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

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

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

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

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

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

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

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

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

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

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

推奨: 「

css ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。