1

使用来自 Yahoo 的Pure CSS 。

使用下面的代码块，前两个 div 网格按预期呈现。第一个 div 的孩子都是 1/6th，第二个孩子是 1/6th 和 5/6th。然而，对于第三个，1/6th 渲染得很好，但其他两个，3/6th 和 2/6th 被搞砸了，如图所示。有谁知道为什么？

<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>
4

1 回答 1

2

没有类pure-u-3-6并且pure-u-2-6在 pure.css

使用pure-u-1-2andpure-u-1-3代替。

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

于 2015-10-13T11:17:30.220 回答