質問編集履歴
3
写真とコメントの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -315,4 +315,10 @@
|
|
|
315
315
|
bottom: 0;
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
```
|
|
318
|
+
```
|
|
319
|
+
position:relative;をhamburgerに追加したところうまく検証ではhamburger内に治ってくれました！しかし今度はposition:relative;の追加をするとコンテンツ内に存在する3個のspan要素が
|
|
320
|
+
密着してしまいます。
|
|
321
|
+
|
|
322
|
+
個人的にはこの問題は要素の配置を中央に寄せればいいのかな？とか考えたのですがその方法を考え中です。
|
|
323
|
+
せっかくアドバイスいただいたのに期待通りにできずすみません????♂️????
|
|
324
|
+
|
2
誤字の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
spanでできた横棒ハンバーガーメニュー)を3個とも新たに作成した
|
|
1
|
+
spanでできた横棒ハンバーガーメニュー)を3個とも新たに作成したhamburgerというクラスに収納したのですが検証で見るとhamburgerには入っておらず最初はheightやwidthが指定されていないからデタラメな場所にhamburgerの判定があるのかと考えましたがそれらをきちんと作成してもhamburgerに入っているはずのspanの横棒が別の位置に配置されてしまいます。
|
|
2
2
|
検証で何度も新たな疑問を自力で解決してきたのですがこちらに関しては全く解決できません。
|
|
3
3
|
なぜ検証で見るとクラスの判定が別の位置にずれてしまうのでしょうか？
|
|
4
4
|
|
1
cssの再掲
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -63,7 +63,8 @@
|
|
|
63
63
|
```
|
|
64
64
|
|
|
65
65
|
index.cssのコードです。
|
|
66
|
+
```
|
|
66
|
-
|
|
67
|
+
コード.box {
|
|
67
68
|
margin:15px 0 0 0;
|
|
68
69
|
position: relative;
|
|
69
70
|
}
|
|
@@ -101,6 +102,7 @@
|
|
|
101
102
|
background-size:cover;
|
|
102
103
|
background-repeat:no-repeat;
|
|
103
104
|
}
|
|
105
|
+
|
|
104
106
|
.first-message {
|
|
105
107
|
position:relative;
|
|
106
108
|
width:200px;
|
|
@@ -313,5 +315,4 @@
|
|
|
313
315
|
bottom: 0;
|
|
314
316
|
}
|
|
315
317
|
|
|
316
|
-
コード
|
|
317
318
|
```
|