css - 如何正确定义嵌套元素？

Question

鉴于我有以下标记：

<body>
  <article>
    <div class="foo">Foo</div>
    <div class="bar">Bar</div>
  </article>
</body>

的body固定宽度为910px：

body { @include container(910px); }

有body一个article元素，由 2 个嵌套的divs(.foo和.bar) 组成。

在这一点上，如果我愿意.foo，.bar每人占据 6 列。这很容易做到：

article {
  @include container

  .foo { @include span(6 of 12) }
  .bar { @include span(6 of 12) }
}

to和后续元素 ( )body可以直接包含另一个元素吗？@include containerarticle@include container

在 Twitter Bootstrap 中，acol应该始终跟在row. 但这不是引导程序。是苏西。

row在 Susy 中， a和 a的相同概念是col什么？还是@include span基本上两者都做？

score 0 · Accepted Answer

Bootstrap 使用行来删除边缘排水沟。Susy 不使用或不需要行，所以span()你只需要。也不需要重复的container()mixin。如果您希望文章清除浮动，您可以使用 clearfix 代替（我们的称为susy-clearfix()）。

1 回答 1