質問編集履歴
6
テキスト修正
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
テキスト修正
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
説明追記
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
説明追記
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
説明追加
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
テキスト修正
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>
|