忍者ブログ

[PR]

2025年06月30日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

divタグを使いこなす~入れ子

2009年11月30日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

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に黒の線を入れています)

image.gif
PR

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

Comment
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字

カテゴリー

独自ドメイン

アーカイブ

最新記事

最古記事

RSS

ブログ内検索

バーコード

リンク

アクセス解析