有多個 bootstrap 4.4.1 下拉菜單，每個菜單都在一個 col 中，除了計算的位置之外，該菜單運行良好。HTML 列示例<div class="container">  <div class="row">    <div class="col">      <div class="dropdown">        <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="snl-68778" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="0"><div class="btn-txt">TEXT</div><div class="chevron-wrapper"><svg class="chevron"><use xlink:href="/img/chevron-white.svg#chevron"></use></svg></div></a>        <div class="dropdown-menu" aria-labelledby="snl-68778" style="">          <a class="dropdown-item" target="_blank" href="#" tabindex="0">Link 1</a>          <a class="dropdown-item" target="_blank" href="#" tabindex="0">Link 2</a>          <a class="dropdown-item" target="_blank" href="#" tabindex="0">Link 3</a>          <a class="dropdown-item" target="_blank" href="#" tabindex="0">Link 4</a>          <a class="dropdown-item" target="_blank" href="#" tabindex="0">Link 5</a>        </div>      </div>    </div>   // more columns here  </div></div>CSS：.btn,.dropdown-menu {    width: 100%;}.btn{  display: inline-block;  padding: 8px 15px;  border: none;  background: #E5392A;  color: #fff;  text-align: center;  font-size: 12px;  font-weight: 800;  letter-spacing: 1.5px;  line-height: 18px;  text-transform: uppercase;}.dropdown-menu{  margin-top: 0;  border: 0;  padding: 0 10px;  background-color: #211D17;}.chevron-wrapper {  vertical-align: middle;  display: inline-block;  width: 36px;  height: 26px;  border-left: 1px solid #fff;  margin-left: calc(100% - 115px);  padding-left: 10px;}.dropdown.show .chevron {  transform: rotate(90deg);}.chevron {  display: inline-block;  width: 26px;  height: 26px;}我設置了 5 列，我遇到的問題是下拉菜單在第一列和最后一列中的位置：第一：translate3d(5px, -244px, 0px);第五：translate3d(-5px,-244px,0px);左/右有 5px 的偏移，我不知道是什么原因造成的。如果我將列數減少到 4，我仍然會在第一列/最后一列上得到相同的偏移。有沒有辦法強制計算的translate3d(5px, -244px, 0px) 中的第一個數字始終為0？我嘗試了轉換：translateX（0），但這覆蓋了整個translate3d（）設置，而不僅僅是X有任何想法嗎