我有没有办法强制使用HTML<；ul>；为了做一个水疗中心而定尺寸？_Html_Css_Single Page Application

我有没有办法强制使用HTML<；ul>；为了做一个水疗中心而定尺寸？

html css

我有没有办法强制使用HTML<；ul>；为了做一个水疗中心而定尺寸？,html,css,single-page-application,Html,Css,Single Page Application,我想为一个项目做一个水疗。这个想法是人们可以通过PIN或其他方式连接到该站点。在手机上，他们可以在询问姓名的同时提出问题。所有问题在左侧边栏中显示为垂直无序列表，选定的问题在中间显示为大问题，所有已回答的问题在右侧边栏中移动到类似列表目前，这个列表很好用，但只要有四个以上的问题，列表就会比页面本身高，我认为这很可怕。我想让它滚动，但在一个有限的高度我所尝试的：我尝试将height和max height属性设置为100vh，并将overflow-y设置为滚动，但实际上不允许我滚动列表在

我想为一个项目做一个水疗。这个想法是人们可以通过PIN或其他方式连接到该站点。在手机上，他们可以在询问姓名的同时提出问题。所有问题在左侧边栏中显示为垂直无序列表，选定的问题在中间显示为大问题，所有已回答的问题在右侧边栏中移动到类似列表

目前，这个列表很好用，但只要有四个以上的问题，列表就会比页面本身高，我认为这很可怕。我想让它滚动，但在一个有限的高度

我所尝试的：

我尝试将
```
height
```
和
```
max height
```
属性设置为100vh，并将
```
overflow-y
```
设置为滚动，但实际上不允许我滚动列表

在样式表中：

li {
  text-align: left;
  font-family: 'Quicksand', sans-serif;
  list-style-type: none;

  overflow-y: auto;
  max-height: 100vh;
  height: 100vh;
}

在我的HTML中：

 <body>
    <script src="backend.js"></script>
    <div class="wrapper">
      <div class="vragenLijst">
        <ul style="padding-left: 10px; padding-right: 10px" id="lijst">
          <li>
            <div>
              <p class="vrager">Persoon 1</p>
              <br>
              <p class="vraagt">vraagt:</p>
              <br>
              <p class="vraagEl">Dit is mijn vraag.</p>
            </div>
          </li>
          <li>
            <div>
              <p class="vrager">Persoon nummer twee</p>
              <br>
              <p class="vraagt">vraagt:</p>
              <br>
              <p class="vraagEl">Hier komt mijn vraag dan, zeer origineel.</p>
            </div>
          </li>
          <li>
            <div>
              <p class="vrager">Persoon nummer 3</p>
              <br>
              <p class="vraagt">wilt weten:</p>
              <br>
              <p class="vraagEl">En wederom wat opvultekst hier.</p>
            </div>
          </li>
          <li>
            <div>
              <p class="vrager">Vierde persoon</p>
              <br>
              <p class="vraagt">wilt weten:</p>
              <br>
              <p class="vraagEl">Zo he, een vierde vraag? Allemachtig...</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="vergroot">
        <p id="groteVrager">Naam</p>
        <p id="groteVraagt">vraagt:</p>
        <p id="groteVraag">vraag</p>
        <input type="button" value="Volgende vraag" class="button" onclick="nieuweVraag()">

        <input type="button" value="JA" class="button" onclick="nieuweVraag(0)">
        <input type="button" value="NEE" class="button" onclick="nieuweVraag(1)">
        <input type="button" value="NIET RELEVANT" class="button" nieuweVraag(2)="antwoord(2)">


      </div>
      <div class="sidebar">
        <ul id="beantwoordeVragen">

        </ul>
      </div>
    </div>
    <div class="footer">
      Idee en code door Simeon Duwel, gelicenciëerd onder MIT ca. 2019
    </div>
  </body>




人事1


vraagt：


Dit是mijn vraag


人字粗花呢


vraagt：


他是一位原汁原味的女士


个人月数3


威尔特·韦滕：


在我们的工作中


Vierde persoon


威尔特·韦滕：


Zo-he，甚至vierde-vraag？阿莱马蒂格


Naam
vraagt：
vraag


麻省理工学院gelicenciëerd onder的代码门Simeon Duwel，约2019年

设置

overflow-y:auto

和

高度：

到ul应该可以工作

例如，下面我有一个高度为50 vh的ul。出于演示目的，我有一个带有100vh的黄色div。如您所见，ul高度固定为div的一半，任何溢出都会滚动

ul{
高度：50vh；
背景色：白色；
溢出y：自动；
}
李{
高度：10vh；
}
车身，ul{
保证金：0；
}



测试1
测试2
测试3
测试4
测试5
测试6
测试7
测试8
测试9
测试10

您希望

或

overflow-y:auto；最大高度：100vh；高度：100vhcss中的东西到ul，但它仍然有相同的problem@WalrusGumboot我相信这应该行得通，除非你有其他冲突的CSS