css - 在 Wordpress 中向地基添加排水沟

Question

我开始基于运行于 Foundation 3 代码的 Reverie 设计一个 Wordpress 主题。我以前创建过主题，但我正在努力了解网格方法，特别是如何最好地实现装订线。

问题:

在这里查看我的测试站点 http://diskbacker.com/

我有带有背景颜色的内容 div 和侧边栏 div 来显示问题。默认情况下，它们相互接触。

1. 如何在内容 div 和侧边栏 div 之间添加分隔？

2. 如何向内容和侧边栏添加内边距？

3. 当我要“响应”时，这种分离会导致移动设备出现问题吗？

提前致谢。

Answer 1

如果您将另一个 div 放入列中 works...

<div class="four columns">
<div style="margin:25px; background: #ccc;">test</div></div>
<div class="eight columns">eight</div>

你也可以在foundation中寻找类.panel并适应你的特定需求:

.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } 
.panel > :first-child { margin-top: 0; } 
.panel > :last-child { margin-bottom: 0; } 

或者 - 使用基础 v2