CSSのposition属性について詳しく解説-CSSチュートリアル-php.cn

CSSのposition属性について詳しく解説

怪我咯

リリース： 2017-06-22 09:16:17

オリジナル

1877 人が閲覧しました

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 サイトの他の関連記事を参照してください。