-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給父母，或者在孩子而不是父母上定義網格。