ビデオ: Adobe Flex 2(アドビ フレックス2) の使い方講座 "Flexとは？" 2024
Adobe Creative Suite 5（Adobe CS5）Dreamweaverでは、 相対配置を使用するDIVの作成と編集がサポートされています 。相対的に位置決めされたDIVは、要素をそれを取り囲むコンテンツと共に移動させることができ、より液状のレイアウトにすることができる。このタイプの配置は、ネストされたコンテンツや、アイテムが他のページコンテンツと一致するような状況には重要です。 相対配置されたDIVを作成または編集するには、[挿入]パネルの[共通]および[レイアウト]カテゴリにある[Divタグの挿入]ツールを使用します。
<！ - 1 - >
ページ内をクリックすると、カーソルが既存のAP div内に配置され、[挿入]パネルの[共通およびレイアウト]カテゴリの[Divタグの挿入]ツールがクリックされます。-
Divタグの挿入ダイアログボックスが表示されたら、Insertドロップダウンリストから場所を選択して、新しいDIVの場所を微調整します。
-
たとえば、[タグの開始後]を選択してページ内の既存のDIVタグ内に配置します。
<！ - 2 - >
Divタグの挿入ダイアログボックスのドロップダウンリストを使用して、DIVをページの前、後、または中に配置することもできます。 [挿入]ドロップダウンリストを[挿入ポイント]に設定したままにすると、描いた場所のままにするか、DIVを作成する別の場所を選択します。新しいDIVを作成して配置する特定の場所を選択します。
<！ - 3 - >
-
DIVにIDセレクタを割り当てて、IDドロップダウンリストから選択して外観を制御します。
-
使用できない場合は、新しい名前を入力し、[新しいCSSルール]ボタンをクリックして新しい名前を作成します。
[新しいCSSルール]ダイアログボックスが表示されたら、新しいセレクタがIDに設定され、名前の前にシャープ記号（#）が付いていることを確認します。 [OK]をクリックします。
-
[CSSルール定義]ダイアログボックスが表示されたら、左のカテゴリリストから[位置]をクリックして選択し、CSSの配置プロパティを表示します。
-
[配置]領域で、[位置]メニューから[相対]を選択し、[幅と高さ]テキストボックスに幅と高さの値を入力し、[OK]をクリックします。
-
[OK]をクリックして[Divタグの挿入]ダイアログボックスを閉じます。
-
相対的に配置された新しいDIVがプレースホルダテキストとともに現れる。
別のDIV内に新しいDIVを作成することができます。
