回答編集履歴

5

衍字を削除

2020/07/30 14:32

投稿

Yasumichi
Yasumichi

スコア1773

test CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
 
44
44
 
45
- を追加したら、同様の崩れが再現できました。
45
+ を追加したら、同様の崩れが再現できました。
46
46
 
47
47
 
48
48
 

4

再現できたため、追記。

2020/07/30 14:32

投稿

Yasumichi
Yasumichi

スコア1773

test CHANGED
@@ -23,3 +23,31 @@
23
23
 
24
24
 
25
25
  可能性として考えられるのは、form あたりに `display: flex;` を指定しているとかですかね。
26
+
27
+
28
+
29
+ 【追記】
30
+
31
+
32
+
33
+ ```css
34
+
35
+ form {
36
+
37
+ display: flex;
38
+
39
+ }
40
+
41
+ ```
42
+
43
+
44
+
45
+ を追加したら、同様のが崩れが再現できました。
46
+
47
+
48
+
49
+ ![イメージ説明](4e200da2347c88aa1266c700be395765.png)
50
+
51
+
52
+
53
+ なので同様であれば、`display: flex;` を削除してください。

3

flex で近くなったので inline → flex に修正。

2020/07/30 14:13

投稿

Yasumichi
Yasumichi

スコア1773

test CHANGED
@@ -22,4 +22,4 @@
22
22
 
23
23
 
24
24
 
25
- 可能性として考えられるのは、form あたりに `display: inline;` を指定しているとかですかね。
25
+ 可能性として考えられるのは、form あたりに `display: flex;` を指定しているとかですかね。

2

より具体的に修正。

2020/07/30 14:09

投稿

Yasumichi
Yasumichi

スコア1773

test CHANGED
@@ -22,4 +22,4 @@
22
22
 
23
23
 
24
24
 
25
- 可能性として考えられるのは、form あたりにおかしな display 属性を指定しているとかですかね。
25
+ 可能性として考えられるのは、form あたりに `display: inline;` を指定しているとかですかね。

1

可能性を追記

2020/07/30 14:05

投稿

Yasumichi
Yasumichi

スコア1773

test CHANGED
@@ -18,4 +18,8 @@
18
18
 
19
19
 
20
20
 
21
- の部分が影響している可能性が高い気がします。
21
+ の部分が影響を及ぼしている可能性が高い気がします。
22
+
23
+
24
+
25
+ 可能性として考えられるのは、form あたりにおかしな display 属性を指定しているとかですかね。