KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/8th/float のバックアップ(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2005/8th/float へ行く。
  • 1 (2007-02-24 (土) 07:05:44)
  • 2 (2007-02-24 (土) 07:10:26)

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

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

float: 配置する位置
</pre>

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

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

#pre(novervatim){{
div.right {
  border: thin gray dotted;
  margin: 0.5em;
  width: 30%;
  background: #eeeeee;
  float: right;
}
img.left {
  margin: 0.8em;
  float: left;
  clear: right;
}
</pre>

#ref(Lecture/InfoDesignB2004/9th/float/css01.png,nolink,floatの例);





次へ進んでください。
----
#navi2(Lecture/InfoDesignB2005/8th,prev,toc,next)