質問編集履歴

3

写真とコメントの追加

2021/02/02 03:27

投稿

korogi
korogi

スコア12

test CHANGED
File without changes
test CHANGED
@@ -633,3 +633,15 @@
633
633
 
634
634
 
635
635
  ```
636
+
637
+ position:relative;をhamburgerに追加したところうまく検証ではhamburger内に治ってくれました!しかし今度はposition:relative;の追加をするとコンテンツ内に存在する3個のspan要素が
638
+
639
+ 密着してしまいます。
640
+
641
+
642
+
643
+ 個人的にはこの問題は要素の配置を中央に寄せればいいのかな?とか考えたのですがその方法を考え中です。
644
+
645
+ せっかくアドバイスいただいたのに期待通りにできずすみません????‍♂️????
646
+
647
+ ![イメージ説明](cea72631cbc70ef4ea1c9225204d9876.png)

2

誤字の修正

2021/02/02 03:26

投稿

korogi
korogi

スコア12

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- spanでできた横棒ハンバーガーメニュー)を3個とも新たに作成したhanburgerというクラスに収納したのですが検証で見るとhamburgerには入っておらず最初はheightやwidthが指定されていないからデタラメな場所にhamburgerの判定があるのかと考えましたがそれらをきちんと作成してもhamburgerに入っているはずのspanの横棒が別の位置に配置されてしまいます。
1
+ spanでできた横棒ハンバーガーメニュー)を3個とも新たに作成したhamburgerというクラスに収納したのですが検証で見るとhamburgerには入っておらず最初はheightやwidthが指定されていないからデタラメな場所にhamburgerの判定があるのかと考えましたがそれらをきちんと作成してもhamburgerに入っているはずのspanの横棒が別の位置に配置されてしまいます。
2
2
 
3
3
  検証で何度も新たな疑問を自力で解決してきたのですがこちらに関しては全く解決できません。
4
4
 

1

cssの再掲

2021/02/02 03:09

投稿

korogi
korogi

スコア12

test CHANGED
File without changes
test CHANGED
@@ -128,7 +128,9 @@
128
128
 
129
129
  index.cssのコードです。
130
130
 
131
+ ```
132
+
131
- ```.box {
133
+ コード.box {
132
134
 
133
135
  margin:15px 0 0 0;
134
136
 
@@ -204,6 +206,8 @@
204
206
 
205
207
  }
206
208
 
209
+
210
+
207
211
  .first-message {
208
212
 
209
213
  position:relative;
@@ -628,6 +632,4 @@
628
632
 
629
633
 
630
634
 
631
- コード
632
-
633
635
  ```