增加div的宽度

Question

我的div有问题。我创建了3个具有相同类的div。我想创建3张带有头像和个人信息的卡片，但是这些div是＆＃34;坚持＆＃34;。我想在它们之间留一个间隙（从右侧），但是当我填充右边时，没有间隙，但背景颜色更多。如何在不改变宽度的情况下分离这三个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