html - 使用 [style.width.%] 以指数方式设置 div 的宽度

Question

我想设置一个 div 的宽度，比如说它的容器的 7%

.container {
  display: flex;
  overflow-x: scroll;

  .cell {
    border: 1px solid black;
    background-color: red;
    flex: 0 0 auto;
  }
}

<div class="container">
    <div class="cell" [style.width.%]="100/7">
        1
    </div>
     <div class="cell" [style.width.%]="100/7">
        2
    </div>
     <div class="cell" [style.width.%]="100/7">
        3
    </div>
     <div class="cell" [style.width.%]="100/7">
        4
    </div>
     <div class="cell" [style.width.%]="100/7">
        5
    </div>
     <div class="cell" [style.width.%]="100/7">
        6
    </div>
     <div class="cell" [style.width.%]="100/7">
        7
    </div>
</div>

单元格项目应该是水平滚动的，它似乎不起作用。请问有什么帮助吗？