位置付け方式

位置付け方式

位置付け方式

[1] CSS には3種類の位置付け方式 (positioning scheme) があります。 CSS における箱は3つのいずれかの位置付け方式にのっとって配置されます CSS 2.1 9.3。

[4] 位置付け方式は 'position' と 'float' の2つの特性により決定されます。

仕様書

[3] CSS 2.1
- 9.3 Positioning schemes <http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme>

種類

通常フロー: 通常フローは CSS で最も基本的な配置方式です。通常フローにはいわゆる普通のブロック箱や行内箱の書式付けや相対配置や run-in箱の配置が含まれます。
浮動: 浮動して配置される箱は、まず通常フローで配置された後、左右に移動した位置に配置しなおされます。 'float' 特性を left や right とすると箱は浮動して配置されます。
絶対配置: 絶対配置では、箱は完全に通常フローとは別個の特定の位置に配置されます。 'position' 特性を 'absolute' や 'fixed' とすると箱は絶対配置されます。