Zurb foundation 柱间ZURB基础边缘 我有一个非常简单的代码，带有基础CSS <div class="row"> <div class="large-offset-1 large-6 columns">Content goes here</div> <div class="large-4 end columns">Side goes here</div> </div> 内容在这里 这边走

我希望两列之间有边距。目前，只有填充。因此，如果我在这些列中添加

背景色

，那么它们会彼此粘着

<基金会没有提供一个解决方案吗？

< P>你可以试试这个：

<div class="row">
  <div class="large-offset-1 large-6 columns padded-column">
    <div class="column-content">Content goes here.</div>
  </div>
  <div class="large-4 end columns padded-column">
    <div class="column-content">Side goes here</div>
  </div>
</div>

---

我有一个类似的问题，不能用填充来解决。由于基金会5不是IE8兼容的，所以我只使用<代码> Calc < /C> >代码>宽度：Calc（50% -10px）；<代码>

试试这个（它会在另一个内部生成一个全宽div，自动添加边距）

... 内容。。。

我认为他们没有提供解决方案。如果您只需要列背景之间的间距，您可以始终使用

backgroundclip:content-box-这似乎是一个非常常见的用例。你找到解决办法了吗？
.padded-column {
  padding: 10px;
}
.column-content {
  background: red;
}

<div class="large-4 medium-6 small-12 columns">
    <div class="large-24 columns">
        ... content ...
    </div>
</div>