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