css - SCSS 和 Susy : Makes boxes extend into grid gutters

标签 css sass susy-compass

我用 excellent Susy 制作了一个网格.

我想在我的网格中添加一个框内容。当我这样做时,一切都变得局促,因为框与内容对齐到网格的同一边缘。

我可以在框中添加填充,然后应用框大小调整:边框框。这会消除“抽筋”,但也会导致内容不再与网格对齐。

我真正想做的是让内容与网格对齐,并让盒子延伸到装订线中。有没有办法用 Susy 做到这一点?

我附上了一张图片来证明我的意思:

Graphic Deminstrating problem

最佳答案

目前最好的解决方案是添加与内边距相等的负边距。

参见:Susy: How to extend content box to cover grid-padding as well?

我们已经在 Susy ( here ) 中添加了同一个 mixin 的更复杂版本,但它还没有在 gem 中发布。

关于css - SCSS 和 Susy : Makes boxes extend into grid gutters,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14121410/

相关文章:

HTML & CSS - 更改输入按钮中的文本值

javascript - 适合屏幕底部/顶部的菜单

css - 保存到 scss 文件会自动更新 css 文件吗?

css - 如何让 Susy 使用纯 CSS 切换导航

css - Susy gem 安装破坏 SASS

javascript - 更改 Bootstrap 投资组合元素模板上的图像

css - 控制Material-UI中菜单组件的宽度

css - webkit 转换旋转不适用于 Safari

sass - 两个 rem 单位相加的 SCSS 总和输出操作而不是值

ruby-on-rails - 找不到 compass 插件 Susy