質問編集履歴

6

テキスト修正

2022/08/06 01:53

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -45,16 +45,6 @@
45
45
 
46
46
  しかし、devツールで確認すると、overflow: scrollで指定した子要素の高さがでてしまい、空白ができてしまいます。
47
47
 
48
-
49
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/53b4c089-23d7-498a-8e1a-2f4e76174719.png)
50
-
51
- 試した事
52
- class="dashbord" にheight:100vhを指定すると、以下の画像のように画像下に白い余白が出ます。
53
- (devツールで表示させると余白は消える。 しかし以下の画像のようにdevツールをOFFにすると余白が出現する。)
54
- ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/969fa070-6130-45ff-b9bc-ef84b107bff4.png)
55
-
56
-
57
-
58
48
  class="company-details-wrap__inner" 以下の <section class="company">の要素の高さが残っている事が原因だと思うのですが、<section class="company">の要素の高さが残らない方法はありますか?
59
49
 
60
50
 

5

テキスト修正

2022/08/06 01:33

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -50,7 +50,7 @@
50
50
 
51
51
  試した事
52
52
  class="dashbord" にheight:100vhを指定すると、以下の画像のように画像下に白い余白が出ます。
53
- (devツールで表示させると余白は消える。 しかし以下の画像のようにdevツールをOFFにすると以下のように余白が出現する。)
53
+ (devツールで表示させると余白は消える。 しかし以下の画像のようにdevツールをOFFにすると余白が出現する。)
54
54
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/969fa070-6130-45ff-b9bc-ef84b107bff4.png)
55
55
 
56
56
 

4

説明追記

2022/08/06 01:32

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -50,7 +50,7 @@
50
50
 
51
51
  試した事
52
52
  class="dashbord" にheight:100vhを指定すると、以下の画像のように画像下に白い余白が出ます。
53
- (devツールで表示させると余白は消える。 しかしdevツールをOFFにすると以下のように余白が出現する。)
53
+ (devツールで表示させると余白は消える。 しかし以下の画像のようにdevツールをOFFにすると以下のように余白が出現する。)
54
54
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/969fa070-6130-45ff-b9bc-ef84b107bff4.png)
55
55
 
56
56
 

3

説明追記

2022/08/06 01:30

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -45,15 +45,17 @@
45
45
 
46
46
  しかし、devツールで確認すると、overflow: scrollで指定した子要素の高さがでてしまい、空白ができてしまいます。
47
47
 
48
+
48
49
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/53b4c089-23d7-498a-8e1a-2f4e76174719.png)
49
50
 
50
51
  試した事
51
52
  class="dashbord" にheight:100vhを指定すると、以下の画像のように画像下に白い余白が出ます。
53
+ (devツールで表示させると余白は消える。 しかしdevツールをOFFにすると以下のように余白が出現する。)
52
54
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/969fa070-6130-45ff-b9bc-ef84b107bff4.png)
53
55
 
54
56
 
55
57
 
56
- class="company-details-wrap__inner" 以下の <section class="company">の要素の高さが残らない方法はありますか?
58
+ class="company-details-wrap__inner" 以下の <section class="company">の要素の高さが残っている事が原因だと思うのですが、<section class="company">の要素の高さが残らない方法はありますか?
57
59
 
58
60
 
59
61
 

2

説明追加

2022/08/06 01:27

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -47,6 +47,12 @@
47
47
 
48
48
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/53b4c089-23d7-498a-8e1a-2f4e76174719.png)
49
49
 
50
+ 試した事
51
+ class="dashbord" にheight:100vhを指定すると、以下の画像のように画像下に白い余白が出ます。
52
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-06/969fa070-6130-45ff-b9bc-ef84b107bff4.png)
53
+
54
+
55
+
50
56
  class="company-details-wrap__inner" 以下の <section class="company">の要素の高さが残らない方法はありますか?
51
57
 
52
58
 

1

テキスト修正

2022/08/06 01:23

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -9,7 +9,7 @@
9
9
  <div class="company-details-wrap">
10
10
  <div class="company-details-wrap__inner">
11
11
  <section class="company">
12
- { overflow: scroll; height: 713px; で隠した要素の中身。}
12
+ { overflow: scroll; height: 713px; で下スクロールで見せ要素の中身。}
13
13
  </section>
14
14
  </div>
15
15
  </div>