KAWANO's PukiWiki Plus! - 左右への配置と回り込みの設定

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

ブロックや画像を左右に配置するには、 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;
}

floatを使うときの注意

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

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

次へ進んでください。