中心串聯塊Div無法正常工作

Question

因此，我試圖創建一個帶select和options元素的下拉菜單，以在設備寬度足夠小時顯示。 我的問題是，由於某種原因，我無法居中包含選擇元素的div（div ID為“ navbar2”）。 它只是緊貼屏幕的左側。 有人可以在這里看到我的錯誤嗎？

#navbar2 {
  display:none;
}

@media (max-width:380px) {
  #navbar2 {
      display:inline-block;
      width:80%;
      margin-left:auto;
      margin-right:auto;
      border:1px solid red;
  }

  #navbar2 select {
      width:40%;
  }
}

Answer 1

所以我想通了。 顯然，“自動”技巧不適用於嵌入式塊元素。 因此，我將“顯示”切換為“顯示：塊；” 並且它使div水平居中。