Html Div内容没有向上滚动

我只是想为雅思的阅读模块制作一个临时阅读软件，以提高我的英语阅读能力。但是，我尝试在屏幕右侧添加现场1-40个答案字段

但无法滚动所有1-40答案输入字段。不知怎么的，它是不可滚动的。 尝试了

overflow-y

CSS属性，但没有成功

。侧面板{
宽度：0；
位置：固定；
z指数：1；
身高：100%；
排名：0；
右：0；
背景色：#111；
过渡：0.5s；
填充顶部：60px；
}

答卷
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

您需要为

html

和

body

元素定义

高度：100%

，并将

overflow-y:scroll

（或

auto

）添加到侧面板元素中：

html，正文{
身高：100%；
保证金：0；
}
.侧面板{
框大小：边框框；
宽度：180px；
位置：固定；
z指数：1；
排名：0；
身高：100%；
右：0；
背景色：#111；
过渡：0.5s；
填充顶部：60px；
溢出y：滚动；
}

答卷
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

您需要更新问题中的代码以感谢您的回答，它的工作非常完美：）