增加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;

Answer 2

使用margin-right而不是padding-right