2025年07月01日
たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。
×[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
応援クリックお願いします。
2009年11月30日
たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。
divの中にdivを入れることを入れ子と言います。divでレイアウトする際に必ずと言っていいほど使うので、このテクニックもぜひ覚えておいてください。
幅200px、高さ200px(CSSの記述2)のdivの中に幅100px、高さ100px(CSSの記述1)のdivを入れると、以下のようになります。
HTMLソース
<div id="2"><div id="1"></div></div>
CSS
#1{
width:100px;
height:100px;
}
#2{
width:200px;
height:200px;
}
すると、以下のようになります。
(わかりやすいように2に赤、1に黒の線を入れています)

PR
応援クリックお願いします。