CSS Grid - IE 11重叠

问题描述 投票:3回答:1

这个问题在此之前已被提出,甚至被标记为重复,但没有任何解释或答案可以解决提出问题的人的问题,所以我再次尝试,因为每个人都说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

Internet Explorer 11 - Grid-overlap problem

css internet-explorer-11 css-grid
1个回答
2
投票

您需要使用-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;
}
© www.soinside.com 2019 - 2024. All rights reserved.