我試圖將滾動(dòng)條的寬度設(shè)置為“薄”和“無(wú)”，但它們都不起作用。我也嘗試過(guò)使用 -webkit- 注意：我已將溢出設(shè)置為“自動(dòng)”，是不是滾動(dòng)條寬度屬性不起作用？以下是我的 HTML：<div class="chat__chatting">        <div class="chat__scrollable-chat">          <div class="chat__chatting__header">            <div class="chat__chatting__header--img">              <img src="../../assets/person.png" />            </div>            <div class="chat__chatting__header--descr">              <div class="chat__chatting__header--name">Alexender</div>              <div class="chat__chatting__header--location">Birmingham, United Kingdom</div>             <div class="chat__chatting__header--age">Age 24</div>            </div>          </div>          <div class="chat__chatting__body">            <div class="chat__chatting__body--rcv-msg">              <div class="chat__chatting__body--rcv-msg--img">                <img src="../../assets/person.png" />              </div>              <div class="chat__chatting__body--rcv-msg---text">How are you?</div>            </div>            <div class="chat__chatting__body--sent-msg">              <div class="chat__chatting__body--sent-msg--img">                <img src="../../assets/person.png" />              </div>              <div class="chat__chatting__body--sent-msg---text">I'm fine</div>            </div>          </div>        </div>        <div class="chat__chatting__footer">          <textarea rows="1" class="chat__chatting__footer--textfield"></textarea>          <div class="chat__chatting__footer--send-btn">            <img src="../../assets/send.svg" />          </div>        </div>      </div>和 SCSS：.chat{&__scrollable-chat {    overflow-y: auto;    flex-grow: 1;    scrollbar-width: none;  }  &__chatting {    border-radius: 4px;    flex: 3;    height: 100%;    background-color: #fff;    display: flex;    flex-flow: column;    flex-grow: 3;    &__header {      display: flex;      flex-direction: row;        }      }有人可以想出一個(gè)可能的解決方案嗎？