ホームページ > 記事 > ウェブフロントエンド > CSSを使用した絶対位置指定
CSSを使用した絶対位置指定
- WBOY転載
- 2023-09-04 12:21:02695ブラウズ
次の位置にある要素: 絶対 画面の左上隅を基準とした指定された座標に位置します。
2 つの値 top と left em> を position 属性とともに使用して、HTML 要素をテキスト内の任意の位置に移動できます。 HTMLドキュメント。
- 左に移動 - 負の値を使用します > 左。
- 右に移動 - 左に正の値を使用します。
- 上に移動 - 上部に負の値を使用します。
- 下に移動 - 上部に正の値を使用します。
例
次のコードを実行して、絶対位置を実現することができます -<html>
<head>
</head>
<body>
<div style = "position:absolute; left:80px; top:20px; background-color:yellow;">
This div has absolute positioning.
</div>
</body>
</html>以上がCSSを使用した絶対位置指定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：CSSを使用して画像にマスクを追加する次の記事：CSSを使用して画像にマスクを追加する