网格模板-为什么这不适合一行？

Question

有3个项目。为什么它们不适合三列的单行

    #grid {
      border: 1px solid black;
      display: grid;
      grid-template: 
        "a a a" 100px
    }
    #grid > div {
      background-color: red;
      padding: 0px;
      margin: 0px;
      border: 1px solid black;
    }

<div id="grid">
  <div></div>
  <div></div>
  <div></div>
</div>

<div id="grid">
  <div></div>
  <div></div>
  <div></div>
</div>

更新：它在SO内置js / css / html环​​境中按预期运行。 它在jsfiddle和Codepen上意外运行。

https://jsfiddle.net/97grq2pz/186/ https://codepen.io/matcheek/pen/EOgmzr https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template