ホームページ > 記事 > ウェブフロントエンド > CSSを使用した固定位置

CSSを使用した固定位置

WBOY転載: 2023-09-01 12:57:031160ブラウズ

使用 CSS 固定位置

固定位置を使用すると、スクロールに関係なく、要素の位置をページ上の特定の位置に固定できます。指定された座標はブラウザウィンドウに対する相対座標になります。

top と left の 2 つの値と position 属性を使用して、HTML 要素を HTML ドキュメント内の任意の位置に移動できます。

左に移動 - 左に移動するには、負の値を使用します。
left 値を使用します。
top には負の値を使用します。
top には正の値を使用します。
top には正の値を使用します。

Example

固定位置を実現するには、次のコードを実行してみてください。

 <html>
    <head>
    </head>
    <body>
       <div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
          This div has fixed positioning.
       </div>
    </body>
</html>

以上がCSSを使用した固定位置の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css html position li

声明：

この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。

前の記事：CSS 変換プロパティの使用次の記事：CSS 変換プロパティの使用

続きを見る