CSS Grid - IE 11重叠

Question

这个问题在此之前已被提出，甚至被标记为重复，但没有任何解释或答案可以解决提出问题的人的问题，所以我再次尝试，因为每个人都说IE 11如果使用正确，则支持css-grid。

我有最基本的CSS-Grid，其中我也使用-ms-前缀，但由于某种原因，在IE 11中，Grid-Elements将被置于彼此之上而不是预期的行为。

这是一个基本网格，您可以在其中查看问题

.grid {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: 50% 50%;
  grid-template-columns: 1fr 1fr;
}

.cell {
  border: 1px solid black;
}

http://jsbin.com/wuxaridabo/1/edit

Answer 1

您需要使用-ms-grid-row和-ms-grid-column手动定位每个元素

.calendar > div:nth-of-type(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.calendar > div:nth-of-type(2){
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}