www.wanichan.com

10. 絶対・相対配置ボックスの作成

相対または絶対配置ボックスの作成、DIVへの適用方法、マージンや枠線などの設定方法について説明します。

1. 相対配置ボックスの作成

新しいスタイル、#sidebar を作成しましょう。
右端に相対配置して、150ピクセル幅のIDスタイルを作成します。

  1. スタイル作業ウィンドウの[新しいスタイル]をクリックします。
  2. [新しいスタイル]の[セレクタ]に「#sidebar」と入力します。
  3. [配置]カテゴリを開きます。
    [position]値には、相対配置である「relative」を選択します。
    幅を「150px」にします。
  4. [レイアウト]カテゴリを開きます。
    右端に配置するので、[float]値を「right」にします。
  5. [OK]ボタンをクリックします。
  6. divを挿入し、挿入されたdivを選択します。
  7. [スタイルの適用]ウィンドウの中から「#sidebar」をクリックします。
  8. IDスタイル「sidebar」が設定されました。
  9. 実際に、その中に文字を入力すると、右端150ピクセル内に配置され、周りの文字が折り返されていることがわかります。

配置の調整

配置を変更したい場合、変更したいCSSスタイルを指定し、メニューから【書式→位置】をクリックすると、絶対/相対配置の切り替え、及び、どの周りに折り返しさせるか簡単に設定することができます。

配置
スポンサーリンク
INDEX

関連記事

  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ