1

Yahoo のPure CSSを使用します。

以下のコード ブロックでは、最初の 2 つの div グリッドが期待どおりにレンダリングされます。最初の div の子はすべて 1/6 で、2 番目の子は 1/6 と 5/6 です。ただし、3 つ目の 1/6 は正常にレンダリングされますが、他の 2 つの 3/6 と 2/6 はここに見られるようにめちゃくちゃになります。理由を知っている人はいますか？

<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.css にはありpure-u-3-6ませpure-u-2-6ん

代わりに pure-u-1-2andを使用してください。pure-u-1-3

更新されたフィドル:
https://jsfiddle.net/u8ywdx06/2/

于 2015-10-13T11:17:30.220 に答える