-MS网子孩子规则

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; 
} 

我敢肯定你必须移动子儿-1和子child-2给父母，或者在孩子而不是父母上定义网格。