<DIV>の飾りでは、枠線だけでは、他と同じになるので変わった使い方を考えてみました。
基準となるブロックにはposition: relative; を指定しないとブラウザーの枠がposition: absoluteの基準となります。
右寄せして余白を適当に指定してます
DiVを入れ子にしたり余白を色々変えると
こんな具合になります。
１番目のDIVのスタイル
<div style="position: relative; width: 676px; height: 232px; left: 30px; top: 30px; border: 1px solid #008000" id="layer7"><DIV>の飾りでは、枠線だけでは、他と同じになるので変わった使い方を考えてみました。<p> </p>基準となるブロックには
<p>position: relative; を指定しないとブラウザーの枠がposition: absoluteの基準となります。 </p>
<p> </p>
<p>DiVを入れ子にしたり余白を色々変えると<br />
こんな具合になります。</p>
</div>
２番目のDIVのスタイル
<div style="position: absolute; width: 288px; height: 154px; z-index: 1; left: 408px; top: 351px; border: 3px double #FF0000" id="layer1">
これが入れ子にしたDIVの中に書かれた文書です<p>右寄せして余白を適当に指定してます</p>
<p> </p>
</div>