teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

画像追加

2021/04/07 05:39

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -26,6 +26,11 @@
26
26
  }
27
27
  ```
28
28
 
29
+ ---
29
30
  下記の検証ツールの画像で次の要素(div.lists)がdetailsを覆っているが分かると思います。
30
31
 
31
- ![イメージ説明](69f5f24f5ff0eae49f8c5fe362de3a7d.png)
32
+ ![イメージ説明](69f5f24f5ff0eae49f8c5fe362de3a7d.png)
33
+
34
+ 画面幅を狭くすると、
35
+
36
+ ![イメージ説明](baf4999303f9b779f1fa6c5c1bce872e.png)

2

画像追加

2021/04/07 05:39

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -24,4 +24,8 @@
24
24
  width: 50%;
25
25
  height:15%; /* ここ */
26
26
  }
27
- ```
27
+ ```
28
+
29
+ 下記の検証ツールの画像で次の要素(div.lists)がdetailsを覆っているが分かると思います。
30
+
31
+ ![イメージ説明](69f5f24f5ff0eae49f8c5fe362de3a7d.png)

1

コード修正

2021/04/07 05:26

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  .details{
24
+ width: 50%;
24
- width: 50%; /* ここ */
25
+ height:15%; /* ここ */
25
- height:15%;
26
26
  }
27
27
  ```