html - 增加div的宽度

Question

我的 div 有问题。我创建了 3 个具有相同类的 div。我想创建 3 张带有头像和个人信息的卡片，但这些 div 被“粘贴”了。我想在它们之间留出一个空隙(从右侧开始)，但是当我向右填充时，没有空隙，但背景颜色更多。如何在不改变宽度的情况下分隔这三个 div？

这是我的代码:

<div id="team">
    <div class="id">
        <div class="idContent">
      <!--Here is content in a frame!-->
    </div>
  </div>

  <div class="id">
        <div class="idContent">
      <!--Here is content in a frame!-->
    </div>
  </div>

  <div class="id">
        <div class="idContent">
      <!--Here is content in a frame!-->
    </div>
  </div>
</div>

http://codepen.io/anon/pen/PbMBPy

感谢您的帮助!

Answer 1

你必须使用 margin-right: 25px; 而不是 padding-right: 25px;