你有一个使用Susy的网格，它有3个流体和1个静态柱吗？

Question

我是“Susy”的新手，我正在努力搞清楚几件事。

我正在尝试创建一个包含3个流畅促销框（所有灰色的附加图像）和一个静态框（这是一个300px x 250px大框广告 - JPG文件）的行。我不想要黄色方块（广告）比例，但我确实希望其他3个方框是流畅的，并保持与最后一个灰色框右边相等的边距。

目前，当我开始缩放页面时，黄色框（图像）会下降到3个流体框下方。他们有什么方法可以作为一行。

提前致谢

Answer 1

是。你需要从两个包装器开始 - 一个是静态块，另一个是围绕所有三个流体块。在一个上设置静态宽度，并将其向右浮动。不要漂浮灵活的，但要block formatting context给overflow: hidden。如果这对您不起作用（由于某种原因需要溢出），请尝试添加与静态侧边栏相同大小的右边距（或略大）。现在，灵活的包装器可以充当其他元素的上下文。像这样：

.ad {
  @include span(last 1 of 4 static);
}

.flex-container {
  @include post(1 of 4 static);

  .item {
    @include span(1 of 3);
  }
}

查看demo on Sassmeister。