SCSS& Susy:使盒子伸入网格排水沟

时间:2013-01-02 11:40:12

标签: css sass susy-compass

我使用excellent Susy创建了一个网格。

我想在网格中添加一个包含内容的框。当我这样做时,一切都变得狭窄,因为盒子与内容对齐网格的同一边缘。

我可以在框中添加填充,然后应用box-sizing:border-box。这样可以消除“痉挛”,但也会导致内容不再与网格对齐。

我真正想要做的是保持内容与网格对齐,并让框延伸到排水沟。有没有办法和Susy一起做这个?

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

Graphic Deminstrating problem

1 个答案:

答案 0 :(得分:1)

目前最好的解决方案是添加等于填充的负边距。

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

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