CSS：响应式 Div 具有边距和对齐功能？

Question

我正在尝试创建一个包含一些响应式 Div 的页面。

我已经创建了 div，它们有点响应式，但我无法获得正确的边距！

基本上，我需要在 div 之间留一些空间，这样它们就不会粘在一起。

这就是我所做的，这是 CSS：

.holder {
    width : 45%;
    height : auto;
    border : 1px solid red;
    display : inline-table;
    float : left;
}

@media (max-width: 600px) 
{
 #container {
     width : 100%;
  }
 .holder {
     width : 100%;
  }
}

我可以简单地说，.holder {margin:4%; */OR ANY OTHER VALUES HERE*/}但这意味着第一个 div 会被推离原来的位置，这不是我想要的。

有人可以就这个问题提出建议吗？

提前致谢。

Answer 1

仅在右侧添加边距怎么样？

就像是.holder { margin-right: 4%; margin-bottom:4% }。