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