ホームページビルダー［HPB_Maniax］

処理

回り込みをスタイルシートを使って指定します。

これを利用してページレイアウトに使用する場合もありますので、ここではブロック要素の<div></div>を使って行いたいと思います。

<div><p>Block1</p></div>
<div><p>Block2</p></div>
<div><p>Block3</p></div>

上記のような構造を

このような段組にします。（分かりやすいようにbackground-colorとmarginを指定しています。）

Block1の<div>を選択し、

編集-スタイルの設定-「現在のタグのみにスタイルを設定」を選択

複数に同じ定義付けをする場合は「クラスやIDによるスタイルの設定」からclassを選択

スタイルの設定-位置-配置で幅を任意で指定（幅は必ず指定してください。）同じ位置タブで属性ツリーから「回り込み」の左にチェック

Block2の<div>も同じようにします。

次に回り込みを解除します。Block3の<div>を選択しここでは位置-属性ツリーから「回り込み解除」で左にチェックを入れます。（段落内の画像に回り込みを指定する場合は回り込ませたい要素の指定と解除する要素の指定のみで大丈夫です。）

スクリーンショット

要素・スタイル

<div style="width : 50%;float : left;"><p>Block1</p></div>

<div style="width : 50%;float : left;"><p>Block2</p></div>

<div style="width : 100%;clear : left;"><p>Block2</p></div>