使用Susy，我怎样才能将div扩展到最高的兄弟姐妹的身高？

Question

在无用的CSS中，我可以使用display: table和display: table-cell使各种内容长度的容器增长到最高兄弟的高度。

.not-susy {
  .short {
    width: calc(100%/12 * 8);
  }
  .wrap{
    display: table;
    border-spacing: 20px;
  }
  .item {
    margin: 5px;
    display: table-cell;
  }
}

然而，这个伎俩并不适用于Susy;我如何与Susy一起制作同样的布局技巧？

Meister

Answer 1

您可能正在使用基于span()的{​​{1}} mixin 。相反，请尝试使用您常用的技巧，并仅应用display: float 功能来设置宽度：

span()

我还使用了Susy的.susy { .short { width: span(8 of 12); } .wrap{ display: table; border-spacing: gutter(); } .item { margin: 5px; display: table-cell; } } 函数来设置边框间距。 gutter()和span()函数是Susy最好的部分，因为您可以将它们应用于任何属性，并保持对其他所有属性的控制。