回答編集履歴
1
間違っている情報の編集
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
まず現状ですが、boxAの子要素であるbox1とbox2に対してfloatがつけられています。いわば「boxAの中身が宙に浮いていて、boxAには何も入っていない状況」と一緒です。サイズが指定されていない場合、divの
|
5
|
+
まず現状ですが、boxAの子要素であるbox1とbox2に対してfloatがつけられています。いわば「boxAの中身が宙に浮いていて、boxAには何も入っていない状況」と一緒です。サイズが指定されていない場合、divの高さは中身の大きさと一致しますから、divAの高さは0になっているはずです(developer toolなどで確認して見てください)
|
6
6
|
|
7
7
|
さて、divAの下にはheader-imagesと言うdivがありますから、divAの大きさがないとそれが上にせり上がってきます。div1とdiv2は宙に浮いている状態で位置の影響は受けないのでheader-imagesとdiv1,div2が重なって見えるわけです。
|
8
8
|
|