KAWANO's PukiWiki Plus! - Lecture/JouhouC2010/12th/float のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/JouhouC2010/12th/float へ行く。
  • 1 (2010-07-01 (木) 13:15:03)

左右への配置と回り込みの設定

ブロックや画像を左右に配置するには、 floatプロパティを設定します。 ブロックと文字などの「回りこみ」（配置）を設定することができます。

float: 配置する位置

floatプロパティは、 画像や指定した要素を、 左右に配置して、その反対側に後に続く要素を回りこませます。 配置する位置には、次のような設定ができます。

• left: 左に配置（後の要素は右に回りこみ）
• right: 右に配置（後の要素は左に回りこみ）
• none: 左右への配置と回り込みをしない

div.right {
  border: thin gray dotted;
  margin: 0.5em;
  width: 30%;
  background: #eeeeee;
  float: right;
}
img.left {
  margin: 0.8em;
  float: left;
  clear: right;
}

#ref(): File not found: "css01.png" at page "2006/12th/float"

floatを使うときの注意

回り込みの設定は、解除をしないと、設定されたままになります。

回り込みを解除するには、 次に説明するclearプロパティを使います。

次へ進んでください。