ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのposition属性について詳しく解説
CSSのposition属性について詳しく解説
- 怪我咯オリジナル
- 2017-06-22 09:16:171961ブラウズ
CSS の position 属性 は、要素の配置タイプを設定するもので、絶対 (絶対配置)、相対 (相対配置)、static (静的配置、デフォルト値)、固定が含まれます。 (固定位置) ) 4 つのパラメーター。
静的: デフォルト。位置が static に設定されている要素は、常にページ フローによって指定された位置になります (静的要素は、top、bottom、left または right の宣言を無視します)。
relative: 位置が相対に設定されている要素は、通常の位置に対して相対的に移動できるため、「left:20」は要素を要素の通常の位置の 20 ピクセル左に移動します。
absolute: 位置が絶対に設定されている要素は、それを含む要素を基準にして指定された座標に配置できます。この要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定できます。
fixed: 位置が固定に設定されている要素は、ブラウザ ウィンドウを基準にして指定された座標に配置できます。この要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定できます。要素は、ウィンドウがスクロールされているかどうかに関係なく、その位置に留まります。 IE7（厳密モード）で動作します。
例
position 属性を使用して
要素を配置します。コードは次のとおりです<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
<style>
h2
{
position:absolute;
left:100px;
top:150px;
}
</style>
</head>
<body>
<h2>这是一个绝对定位了的标题</h2>
<p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
</body>
</html>
以上がCSSのposition属性について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。