css - 相当于 jeet 中的 omega()？

Question

使用 jeet.gs 我有两个类，每个类占用其父容器总宽度的一半。

像这样的东西(手写笔符号):

.wrapper
  .alpha
  .beta
    col(1/2)

现在，当我像这样写一些 Jade 时:

.wrapper
  .alpha
    p Number 1
  .beta
    p Number 2
  .alpha
    p Number 3

然后该行没有正确换行:“Number 1”在第一行结束，“Number 2”和“Number 3”在第二行结束。

我想要第一行的“Number 1”和“Number 2”，第二行的“Number 3”。

为什么会这样？我需要clearfix吗？有没有像 omega() 这样的 susy 和 neat 的东西？还有其他方法可以抵消吗？

Answer 1

您需要清除修复 .wrapper。

如果你使用的是 nib，你可以使用这个:

.wrapper
   clearfix()

否则你会想制作自己的 mixin 并使用它。

clearfix()
   zoom 1
   &:before,&:after
      content ""
      display table
   &:after
      clear both