Scrollbar nie działa

Question

<div class="servers-list">

                <div class="servers-zone">
                    <button name="EU">
                        <div class="eu-server">
                            EU
                        </div>                  

                    </button>

                    <button name="NA">
                        <div class="na-server">
                            NA
                        </div>
           
                    </button>

                    <button name="AS">
                        <div class="as-server">
                            AS
                        </div>

                    </button>
                </div>
                
            </div>

.servers-list {
  float: left;
  width: 320px;
  min-height: 462px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  margin-right: 9px;
  margin-left: 9px;
  overflow: auto;
}

Nie działa mi scrollbar, ale nie wiem co robię źle.
Mam już jednego scrollbara, który mi działa, ale niestety drugi już nie.
Kod na samej górze jest od nie działającego scrollbara

<div class="skins-container">
            </div>

.skins-container {
  float: left;
  width: 320px;
  height: 290px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  font-family: 'Josefin Sans', sans-serif;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 9px;
  overflow: auto;
}

 

Answer 1

Dodaj do                                                                                                         

  width: 320px;
  min-height: 462px;

  height: 462px;

<div class="servers-list">
  <div class="servers-zone">
    <button name="EU">
      <div class="eu-server">EU</div>
    </button>
    <button name="NA">
      <div class="na-server">NA</div>
    </button>
    <button name="AS">
      <div class="as-server">AS</div>
    </button>
  </div>

  <div style="height: 1000px;">Test</div>

</div>

.servers-list {
  float: left;
  width: 320px;
  height: 462px; /* dodane */
  min-height: 462px;
  background-color: #181818;
  border-radius: 3px;
  box-shadow: 0 0 4px 2px #0a0a0a;
  margin-right: 9px;
  margin-left: 9px;
  overflow: auto;
}