teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

情報の追加。

2018/01/08 14:06

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -1,1 +1,13 @@
1
- `position:absolute`を設定した要素は親要素の高さに影響を与えません。そのため、親要素の高さが0になっているだけです。
1
+ `position:absolute`を設定した要素は親要素の高さに影響を与えません。そのため、親要素の高さが0になっているだけです。
2
+
3
+ ---
4
+
5
+ **追記:**
6
+
7
+ ざっくりコードを見てみると不要なpositionを多用しているのがそもそもの間違いだと思います。positionとz-indexでの重ね合わせは便利ですが、意味もわからずつけて回ると混乱するだけだと思います。
8
+
9
+ 【CSS:難しい?意外と便利なpositionを使いこなそう | ホームページ更新倶楽部|お気軽にサイト修正】
10
+ [https://www.koushinclub.com/blog/1453.html](https://www.koushinclub.com/blog/1453.html)
11
+
12
+ 【z-index再入門 - z-indexの仕組み | CodeGrid】
13
+ [https://app.codegrid.net/entry/z-index-1](https://app.codegrid.net/entry/z-index-1)