-ms-grid子子规则

Question

我有以下html结构：

<div class="parent">
  <div class="child">
    <div class="sub-child-1"></div>
    <div class="sub-child-2"></div>
  </div>
</div>

并遵循css规则

.parent {
  display: -ms-grid;
  -ms-grid-columns: 150px 1fr 1fr;
}
.child {
  -ms-grid-column-span: 2;
}

如何将sub-child-1分配给第一列，将sub-child-2分配给第二列？

Answer 1

考虑到这在IE中有效（无法测试，我在linux上）应该是：

.sub-child-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.sub-child-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}

我很确定你必须将sub-child-1和sub-child-2移动到父级，或者在子级而不是父级上定义网格。