中心内联块Div不工作

Question

所以我尝试创建一个下拉菜单，其中包含当设备宽度足够小时显示的select和options元素。我的问题是，由于某种原因，我无法将选择元素所包含的div居中（div id为＆＃34; navbar2＆＃34;）。它只是拥抱屏幕的左侧。谁能在这里看到我的错误？

#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

所以我想出来了。显然＆＃34;汽车＆＃34;技巧不适用于内联块元素。所以我切换了＆＃34;显示＆＃34;到＆＃34;显示：阻止;＆＃34;它使div水平居中。