純粹的CSS網格六分之一

Question

使用來自Yahoo的Pure CSS。

使用下面的代碼塊，前兩個div網格按預期呈現。第一格的孩子全部是1/6，第二格的孩子是1/6和5/6。但是，第三個，1/6呈現正常，但另外兩個，第三個和第六個和第二個六分之一弄亂了，如看到here。有人知道爲什麼

<div class="pure-g"> 
    <div class="pure-u-1-6"> 1 </div> 
    <div class="pure-u-1-6"> 2 </div> 
    <div class="pure-u-1-6"> 3 </div> 
    <div class="pure-u-1-6"> 4 </div> 
    <div class="pure-u-1-6"> 5 </div> 
    <div class="pure-u-1-6"> 6 </div> 
</div> 
<div id="content" role="main" class="pure-g"> 
    <div class="pure-u-1-6"> 1 </div> 
    <div class="pure-u-5-6"> 2 </div> 
</div> 
<div class="pure-g"> 
    <div class="pure-u-1-6"> 1 </div> 
    <div class="pure-u-3-6"> 2 </div> 
    <div class="pure-u-2-6"> 3 </div> 
</div> 

Answer 1

有沒有類pure-u-3-6和pure.css

使用pure-u-1-2和pure-u-1-3代替pure-u-2-6。

您更新小提琴：
https://jsfiddle.net/u8ywdx06/2/