问题标签 [susy]

我的 div 与我的网格不匹配。这是一个 8 个容器网格，当我告诉元素 span(2) 时，它的行为就好像网格是 4。这是因为我没有在 $susy 中定义全局网格吗？

一些上下文代码：

首先我定义了一个容器网格：

然后我将它添加到html中：

然后我将 div 嵌套在 css 中：

并将其添加到 html

编辑：固定（即使在子元素中也必须定义上下文。为什么会这样？如果我可以根据我想要的任何网格数量设置跨度，那么在 hokey pokey 之后所有这些布局和上下文的意义何在？如果跨度没有t 从父元素中读取上下文，那么 susy 到底有什么意义？）

这是结果

我正在使用 Susy 进行固定布局，当第二列有右边距时，即使我指定它们嵌套在容器中，我也会遇到这个问题。

密码笔

HTML

CSS

susy 中的两个块之间有一个不需要的空间。wide尽管使用了该功能，但它似乎完全遵循网格的大小。

上面的代码，#main_side_img设置为1.75创建这个：

所以我设置了#main_side_imgto的值，2令我沮丧的是，两个盒子之间的空间保持不变，而排水沟只是移动了！

装订线保持不变，与我为 span 参数设置的值无关。

奖励：不是更宽应该填充左侧和右侧的排水沟吗？它在右侧填充 2 个排水沟宽度。

我有这个 susy 设置：

有时我需要不同的排水沟而不是 1/4。

例如看图片：

和代码：

我试过这个没有成功：

我找到了一种方法来解决它，但如果它是正确的

谢谢

在使用相对和绝对定位最少的情况下执行复杂布局时遇到问题。

这是我的布局：

我所有的元素都是并排浮动的，只有一个问题：边框 img 需要流血到下一行。我怎样才能做到这一点，同时防止第二行中的元素（CTA元素）滑到下边距以下border img?

如果我将高度设置为border img

为了澄清：

domborder img介于main_sidebar和之间CTA_top_container.

1. main_side_image
2. main_heading_container
3. main_sidebar
4. 边框_img
5. CTA_top_container
6. CTA_Button_relative

结束思想：

我有一些想法，比如将边框 img 浮动为 div （或 susy's last）并将其设置background-image为 60% 宽度并定位在 div 的左侧，或者将绝对定位的 img 嵌套在相对容器内以将其轻推到左侧，但我害怕破坏布局的流动性（它在一个 susy 流体网格内）。

有什么想法吗？

我正在尝试使用 Susy，但无法创建理想的网格。我想要一个固定的排水沟网格，排水沟在元素之后，而不是之前。我无法让它发挥作用。似乎无论我做什么，元素都太大了，最后一列掉到了下一行。

看到这个要点： http ://sassmeister.com/gist/6ebf5ec14f697f8d137c

在这个基本的三列布局中，每个 1/3 宽度的列的宽度超过 35%。我错过了什么？

我有一个 24 Susy 列网格。我正在尝试制作一些框，每个框将跨越 6 列（因此每行 4 列），但我想在它们周围添加一些排水沟，并使用 24 列宽的更宽容器。不幸的是，无论我尝试什么，我都无法让它工作。似乎柱子没有调整它们的宽度以适应排水沟......我认为苏西应该这样做，不是吗？我对这一切都很陌生，所以我已经阅读了很多文章和帖子，但无法弄清楚这个答案，所以非常感谢您提供的任何帮助。

这是代码：

这就是它现在的样子，否则忽略格式，仍然编码:)（你会看到它把第四项打倒了）：http: //i.stack.imgur.com/5tmWp.jpg

我为 susy 设置了全局设置：

我想覆盖排水沟几个跨度

生成的css

我也尝试过这些，但这些似乎也不起作用

&

susy-media mixin有什么用例吗？如果不使用布局参数， Susy-breakpoint似乎提供了相同的功能。如果是这样，susy-media 似乎毫无用处。

最近我们使用 Sass 和 Compass 创建了一个新项目。我尝试使用基本设置：

我们在每一页上都导入 Susy，但我们看不到排水沟。

我们预计边距会自动计算，但如果我们查看输出 Margin-right 和 Margin-left 并没有创建。

输出：

我们在这里缺少什么？