質問編集履歴

1

例をわかりやすく追記しました

2021/05/28 04:13

投稿

Pccla
Pccla

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,10 @@
1
- ボタンの#idをクリックすると、.result_Aが非表示になって、.result_Bが表示するよう実装しました。
1
+ ボタンの#idをクリックすると、.result_Aが非表示になって、.result_Bが表示するよう実装しました。
2
2
 
3
+
4
+
3
- しかし、.result_Bが表示された際に、コンテンツBが一番上に表示されず、.hogeが一番上に表示されてしまいます。
5
+ しかし、.result_Bが表示された際に、「#result_fv」が一番上に表示されず、.hoge」の要素が一番上に表示されてしまいます。
6
+
7
+
4
8
 
5
9
  何が原因かわからずお分かりの方は教えていただけますでしょうか??
6
10
 
@@ -22,9 +26,17 @@
22
26
 
23
27
  <div class="result_B" style="display:block";>
24
28
 
25
- コンテンツB
29
+ <img id="result_fv" src="img/result_fv.png" alt="FV" />
30
+
31
+
26
32
 
27
33
  <p class="hoge">
34
+
35
+ ここのコンテンツがページ上に表示される。
36
+
37
+ 本当は画像を一番上に表示したい。
38
+
39
+ </p>
28
40
 
29
41
  </div>
30
42