滾動條 x 軸不出現

Question

我目前正在制作一個用於展示電影片名的應用程序（簡單的電影應用程序）。 所以我制作了一個 Accordion (Bootstrap)，其中包含添加到收藏夾的電影。

此收藏夾部分有意可滾動（從左到右）。 所以在 CSS 中的 .accordion-body 我添加了：

.accordion-body {
  background-color: var(--primary-bg);
  width: 950px;
  margin: 0 auto;
  border: none;
  overflow-x: ;
  display: flex;
  border: 2px solid var(--primary);
}

屏幕截圖但滾動條沒有出現，但可以滾動（僅當我用手指觸摸和滾動筆記本電腦屏幕時）。 不是用鼠標光標。 所以我需要幫助如何顯示滾動條。 謝謝 ！

Answer 1

您沒有為 overflow-x 參數分配正確的值，您應該使用以下值之一；

overflow-x: visible|hidden|scroll|auto|initial|inherit;

我想你的答案可能是：

 .accordion-body { background-color: var(--primary-bg); width: 950px; margin: 0 auto; border: none; overflow-x: scroll; display: flex; border: 2px solid var(--primary); }