回答編集履歴

3

画像追加

2021/04/07 05:39

投稿

hatena19
hatena19

スコア33790

test CHANGED
@@ -54,8 +54,18 @@
54
54
 
55
55
 
56
56
 
57
+ ---
58
+
57
59
  下記の検証ツールの画像で次の要素(div.lists)がdetailsを覆っているが分かると思います。
58
60
 
59
61
 
60
62
 
61
63
  ![イメージ説明](69f5f24f5ff0eae49f8c5fe362de3a7d.png)
64
+
65
+
66
+
67
+ 画面幅を狭くすると、
68
+
69
+
70
+
71
+ ![イメージ説明](baf4999303f9b779f1fa6c5c1bce872e.png)

2

画像追加

2021/04/07 05:39

投稿

hatena19
hatena19

スコア33790

test CHANGED
@@ -51,3 +51,11 @@
51
51
  }
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ 下記の検証ツールの画像で次の要素(div.lists)がdetailsを覆っているが分かると思います。
58
+
59
+
60
+
61
+ ![イメージ説明](69f5f24f5ff0eae49f8c5fe362de3a7d.png)

1

コード修正

2021/04/07 05:26

投稿

hatena19
hatena19

スコア33790

test CHANGED
@@ -44,9 +44,9 @@
44
44
 
45
45
  .details{
46
46
 
47
- width: 50%; /* ここ */
47
+ width: 50%;
48
48
 
49
- height:15%;
49
+ height:15%; /* ここ */
50
50
 
51
51
  }
52
52