固定排水沟和流体柱（并使用边距）的网格解决方案是什么？

Question

可以这样做吗？我研究过susy，jeet，singularity等。我正在使用最新版本的libsass。如果我切换到Ruby，我可能会有更多的选择。

我喜欢susy，但对于我的下一个项目，我需要固定的排水沟（在px中设置它们）。

建议欢迎！

Answer 1

如果我想用这种方法使用与Susy（我最喜爱的网格），我会阴沟设置为0，并在我的萨斯手动管理的利润，这样的：现在

$susy: (columns: 4, gutters: 0, math: fluid, output: float, last-flow: to) 

@import "susy/susy" 

body 
    background-color: #fff 
    margin: 0 
    padding: 0 
    font-size: 100% 
    color: #000 

.container 
    @include container() 

.box 
    @include span(1) 
    &:last-child 
     @include last() 
    div 
     background-color: #ccc 
     margin: 0 10px // Will result in 20px margin 
    &:first-child 
     div 
      margin-left: 0 // Skip, if you want outer gutter 
    &:last-child 
     div 
      margin-right: 0 // Skip, if you want outer gutter 

，用标记像...

<div class="container"> 

    <div class="box"> 
     <div>A</div> 
    </div> 

    <div class="box"> 
     <div>B</div> 
    </div> 

    <div class="box"> 
     <div>C</div> 
    </div> 

    <div class="box"> 
     <div>D</div> 
    </div> 

</div> 

...你会得到固定排水沟液柱 - 这是不是与Susy一个阴沟里，但一个“看得见”阴沟里。当然，如果你需要依赖断点的行为，这是一个额外的工作，但恕我直言可以接受。

和Susy放在一边：Bootstrap使用固定的排水沟宽度。尽管我发现将网格从Bootstrap膨胀中移出是非常麻烦的，但如果我只想要一个网格而没有别的东西。