回答編集履歴

2

修正しました

2020/06/19 21:28

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -53,7 +53,3 @@
53
53
  今回のシチュエーションでtopを使用するのが妥当ではないので、
54
54
 
55
55
  paddingを使用するか、`display: flex;`などを使うほうが楽だと思われます。
56
-
57
-
58
-
59
- また、「カーソルを合わせると下にずれる」という挙動は、おそらく`.nav1 li:hover`に指定したからではないかと思います。もし心当たりがあれば、`:hover`には指定しないようにしてみてください。

1

修正しました。

2020/06/19 21:28

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -1,8 +1,6 @@
1
- > 文字が上にってしまうため position:relative; と top:○px; を使って真ん中にしたのでがカーソルを合わセルと下ににずれてしまいます。↓
1
+ topではく、padding-topを使るか、
2
2
 
3
-
4
-
5
- topではなく、padding-topを使用するか、以下のように`display: flex;`を使用してみてくださ
3
+ 以下のように`display: flex;`を使用してみるとかがでしょうか?
6
4
 
7
5
 
8
6
 
@@ -43,3 +41,19 @@
43
41
  }
44
42
 
45
43
  ```
44
+
45
+
46
+
47
+ ---
48
+
49
+ > 文字が上になってしまうため position:relative; と top:○px; を使って真ん中にしたのですがカーソルを合わセルと下ににずれてしまいます。↓
50
+
51
+
52
+
53
+ 今回のシチュエーションでtopを使用するのが妥当ではないので、
54
+
55
+ paddingを使用するか、`display: flex;`などを使うほうが楽だと思われます。
56
+
57
+
58
+
59
+ また、「カーソルを合わせると下にずれる」という挙動は、おそらく`.nav1 li:hover`に指定したからではないかと思います。もし心当たりがあれば、`:hover`には指定しないようにしてみてください。